code quality

apps/website/templates/ProtestDetailTemplate.tsx

@@ -1,42 +1,35 @@
-'use client';
 
-import { Box } from '@/ui/Box';
-import { Button } from '@/ui/Button';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
-import { Icon } from '@/ui/Icon';
-import { Card } from '@/ui/Card';
-import { Container } from '@/ui/Container';
-import { Heading } from '@/ui/Heading';
-import { Link as UILink } from '@/ui/Link';
-import { Grid } from '@/ui/Grid';
-import { GridItem } from '@/ui/GridItem';
-import {
-  AlertCircle,
-  AlertTriangle,
-  ArrowLeft,
-  Calendar,
-  CheckCircle,
-  ChevronDown,
-  Clock,
-  ExternalLink,
-  Flag,
-  Gavel,
-  Grid3x3,
-  MapPin,
-  MessageCircle,
-  Send,
-  Shield,
-  ShieldAlert,
-  TrendingDown,
-  User,
-  Video,
-  XCircle,
-  type LucideIcon
-} from 'lucide-react';
-import { routes } from '@/lib/routing/RouteConfig';
+
 import { TemplateProps } from '@/lib/contracts/components/ComponentContracts';
 import { ViewData } from '@/lib/contracts/view-data/ViewData';
+import { routes } from '@/lib/routing/RouteConfig';
+import { Box } from '@/ui/Box';
+import { Button } from '@/ui/Button';
+import { Card } from '@/ui/Card';
+import { Container } from '@/ui/Container';
+import { Grid } from '@/ui/Grid';
+import { GridItem } from '@/ui/GridItem';
+import { Heading } from '@/ui/Heading';
+import { Icon } from '@/ui/Icon';
+import { Link as UILink } from '@/ui/Link';
+import { Stack } from '@/ui/Stack';
+import { Text } from '@/ui/Text';
+import {
+    AlertCircle,
+    AlertTriangle,
+    ArrowLeft,
+    CheckCircle,
+    ChevronDown,
+    ExternalLink,
+    Flag,
+    Gavel,
+    MapPin,
+    MessageCircle,
+    Send,
+    User,
+    Video,
+    XCircle
+} from 'lucide-react';
 
 interface ProtestDetailTemplateProps extends TemplateProps<ViewData> {
   protestDetail: any;