website refactor

apps/website/templates/DashboardTemplate.tsx

@@ -1,4 +1,18 @@
 import type { DashboardViewData } from '@/lib/view-data/DashboardViewData';
+import {
+  Trophy,
+  Medal,
+  Target,
+  Users,
+  ChevronRight,
+  Calendar,
+  Clock,
+  Activity,
+  Award,
+  UserPlus,
+  Flag,
+  User,
+} from 'lucide-react';
 
 interface DashboardTemplateProps {
   viewData: DashboardViewData;
@@ -72,7 +86,7 @@ export function DashboardTemplate({ viewData }: DashboardTemplateProps) {
                 <span>Flag</span>
                 Browse Leagues
               </a>
-              <a href="/profile" className="px-4 py-2 bg-blue-600 hover:bg-blue-500 rounded-lg text-white text-sm font-medium transition-colors flex items-center gap-2">
+              <a href=routes.protected.profile className="px-4 py-2 bg-blue-600 hover:bg-blue-500 rounded-lg text-white text-sm font-medium transition-colors flex items-center gap-2">
                 <span>Activity</span>
                 View Profile
               </a>
@@ -189,7 +203,7 @@ export function DashboardTemplate({ viewData }: DashboardTemplateProps) {
                     <span>Award</span>
                     Your Championship Standings
                   </h2>
-                  <a href="/profile/leagues" className="text-sm text-primary-blue hover:underline flex items-center gap-1">
+                  <a href=routes.protected.profileLeagues className="text-sm text-primary-blue hover:underline flex items-center gap-1">
                     View all <span>ChevronRight</span>
                   </a>
                 </div>
@@ -307,7 +321,7 @@ export function DashboardTemplate({ viewData }: DashboardTemplateProps) {
                   ))}
                   {friends.length > 6 && (
                     <a
-                      href="/profile"
+                      href=routes.protected.profile
                       className="block text-center py-2 text-sm text-primary-blue hover:underline"
                     >
                       +{friends.length - 6} more