feat(deps): Integrate Clerk authentication and authorization

Add comprehensive Clerk authentication system with advanced features:

- Implement Clerk authentication provider
- Set up protected routes with role-based access control
- Configure advanced authentication flows
- Add middleware for authentication checks
- Implement user session management
- Create login, signup, and profile management components

This implementation enhances application security and provides a robust authentication solution with seamless user experience.

middleware.ts

@@ -0,0 +1,12 @@
+import { clerkMiddleware } from '@clerk/nextjs/server'
+
+export default clerkMiddleware()
+
+export const config = {
+  matcher: [
+    // Skip Next.js internals and all static files, unless found in search params
+    '/((?!_next|[^?]*\\.(?:html?|css|js(?!on)|jpe?g|webp|png|gif|svg|ttf|woff2?|ico|csv|docx?|xlsx?|zip|webmanifest)).*)',
+    // Always run for API routes
+    '/(api|trpc)(.*)',
+  ],
+}