🚀 Add Clerk Authentication to Vite + React App

[maverickOG]

Description:

This PR integrates Clerk authentication into the Vite + React project. Users can now sign in and out using Clerk's authentication components.

Changes Introduced:

• Installed @clerk/clerk-react and @clerk/clerk-sdk-node.
• Added ClerkProvider in main.tsx to wrap the app with authentication support.
• Updated App.tsx to display authentication UI:
  • SignedIn: Shows user info and a sign-out button.
  • SignedOut: Displays a sign-in button.
• Added .env.local support for VITE_CLERK_PUBLISHABLE_KEY.

How to Test:

1. Create a .env.local file and add your Clerk API keys.
2. Run the project using npm run dev.
3. Click the Sign In button and authenticate.
4. Verify that the user info appears when signed in.
5. Click the Sign Out button and confirm logout works.

Notes:

• Future improvements can include role-based authentication and protected routes.
• Let me know if any changes are needed!