feat(auth): integrate kinde authentication hooks for dashboard access control

app/dashboard/page.tsx

@@ -4,6 +4,7 @@ import { useRouter } from 'next/navigation';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
 import { FileText, Layout, Upload, BookOpen } from 'lucide-react';
 import Image from 'next/image';
+import { useKindeBrowserClient } from "@kinde-oss/kinde-auth-nextjs";
 
 interface AppTile {
   id: string;
@@ -16,6 +17,9 @@ interface AppTile {
 
 export default function DashboardPage() {
   const router = useRouter();
+  const { isAuthenticated, accessToken } = useKindeBrowserClient();
+  const roles = accessToken?.roles || [];
+  const permissions = accessToken?.permissions || [];
 
   const apps: AppTile[] = [
     {