[Feature] Add Loading animation

[TheCoderAdi]

📌 Description

This pull request introduces a new loading state to the Home component in src/app/page.tsx and adds a new Loader component to handle the visual representation of the loading state. The most important changes include the addition of the Loader component and the integration of this component into the Home component.

Fixes: #9

🔍 Type of Change

• 🐛 Bug Fix
• 🚀 New Feature
• 📖 Documentation Update
• 🎨 UI/UX Enhancement
• 🛠️ Refactor

✅ Checklist

• My code follows the style guidelines of this project.
• I have performed a self-review of my code.
• I have added tests that prove my fix is effective or my feature works.
• I have added necessary documentation (if applicable).
• No new errors or warnings in the code.

🔬 Changes Made

Integration of Loading State:

• src/app/page.tsx: Added Loader component to display a loading animation when isSubmitting is true. This involves wrapping the form and other elements with conditional rendering logic to show the loader during submission.

Addition of Loader Component:

• src/components/loader.tsx: Created a new Loader component that displays a matrix animation when active. This component uses useState and useEffect hooks to manage the animation state and update the matrix at regular intervals.

Import Statements:

• src/app/page.tsx: Updated import statements to include the new Loader component.

🖼️ Screenshots (if applicable)

recording.3.mp4

[vercel]

@TheCoderAdi is attempting to deploy a commit to the Yash Kumar Saini's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
git-graph	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 9, 2025 5:59am

[yashksaini-coder]

Nice loading effect, expecting a spinner, but this will do also. @TheCoderAdi

[TheCoderAdi]

Nice loading effect, expecting a spinner, but this will do also. @TheCoderAdi

If you want a spinner, I will do that but it seems good for coders I guess 😁

[yashksaini-coder]

Nice loading effect, expecting a spinner, but this will do also. @TheCoderAdi

If you want a spinner, I will do that but it seems good for coders I guess 😁

yes but this is good 👍🏼 @TheCoderAdi

[yashksaini-coder]

@TheCoderAdi drop by to the discord project forum post