Refactor and restyle NotFound component

[teleaziz]

Purpose

Based on the conversation, the goal was to improve the codebase by refactoring the NotFound component into its own module for better organization, similar to the sing-up component. Additionally, the user requested to enhance the visual appeal of the NotFound page to make it more "poppy" and engaging.

Code changes

• Component Refactoring: The NotFound component has been moved from src/App.tsx to its own dedicated file at src/not-found/NotFound.tsx.
• Styling Enhancements: The NotFound component has been completely restyled to be more visually appealing. This includes:
  • A new gradient background.
  • Floating and fade-in animations to create a more dynamic user experience.
  • Updated typography with a large, stylized "404" and clearer messaging.
  • A prominent "Take Me Home" button to navigate users back to the homepage.
• Integration: src/App.tsx has been updated to import the NotFound component from its new file.

🔗 Edit in Builder.io

👀 Preview LinkTo clone this PR locally use the Github CLI with command gh pr checkout 32

[builder-io-integration]

You can tag me at @builderio-bot for anything you want me to fix or change