website refactor

apps/website/components/notifications/ModalNotification.tsx

@@ -1,27 +1,27 @@
 'use client';
 
-import { useState, useEffect } from 'react';
-import { Box } from '@/ui/Box';
-import { Text } from '@/ui/Text';
+import { Button } from '@/ui/Button';
 import { Heading } from '@/ui/Heading';
 import { Icon } from '@/ui/Icon';
 import { IconButton } from '@/ui/IconButton';
-import type { Notification, NotificationAction } from './notificationTypes';
+import { Box } from '@/ui/primitives/Box';
+import { Text } from '@/ui/Text';
 import {
-  Bell,
-  AlertTriangle,
-  Shield,
-  Vote,
-  Trophy,
-  Users,
-  Flag,
-  AlertCircle,
-  Clock,
-  Star,
-  Medal,
-  X,
+    AlertCircle,
+    AlertTriangle,
+    Bell,
+    Clock,
+    Flag,
+    Medal,
+    Shield,
+    Star,
+    Trophy,
+    Users,
+    Vote,
+    X,
 } from 'lucide-react';
-import { Button } from '@/ui/Button';
+import { useEffect, useState } from 'react';
+import type { Notification, NotificationAction } from './notificationTypes';
 
 interface ModalNotificationProps {
   notification: Notification;

apps/website/components/notifications/NotificationCenter.tsx

@@ -1,20 +1,20 @@
 'use client';
 
+import { Icon } from '@/ui/Icon';
+import { Stack } from '@/ui/primitives/Stack';
+import { Text } from '@/ui/Text';
 import {
-  AlertTriangle,
-  Bell,
-  CheckCheck,
-  ExternalLink,
-  Flag,
-  Shield,
-  Trophy,
-  Users,
-  Vote
+    AlertTriangle,
+    Bell,
+    CheckCheck,
+    ExternalLink,
+    Flag,
+    Shield,
+    Trophy,
+    Users,
+    Vote
 } from 'lucide-react';
 import { useEffect, useRef, useState } from 'react';
-import { Stack } from '@/ui/Stack';
-import { Text } from '@/ui/Text';
-import { Icon } from '@/ui/Icon';
 
 const notificationIcons: Record<string, typeof Bell> = {
   protest_filed: AlertTriangle,

apps/website/components/notifications/NotificationProvider.tsx

@@ -6,7 +6,7 @@ import { v4 as uuid } from 'uuid';
 import { ModalNotification } from './ModalNotification';
 import { ToastNotification } from './ToastNotification';
 
-import { Stack } from '@/ui/Stack';
+import { Stack } from '@/ui/primitives/Stack';
 
 import type { Notification, NotificationAction, NotificationVariant } from './notificationTypes';
 

apps/website/components/notifications/ToastNotification.tsx

@@ -1,22 +1,22 @@
 'use client';
 
-import { useState, useEffect, useCallback } from 'react';
-import { Box } from '@/ui/Box';
-import { Text } from '@/ui/Text';
 import { Icon } from '@/ui/Icon';
 import { IconButton } from '@/ui/IconButton';
-import type { Notification } from './notificationTypes';
+import { Box } from '@/ui/primitives/Box';
+import { Text } from '@/ui/Text';
 import {
-  Bell,
-  AlertTriangle,
-  Shield,
-  Vote,
-  Trophy,
-  Users,
-  Flag,
-  X,
-  ExternalLink,
+    AlertTriangle,
+    Bell,
+    ExternalLink,
+    Flag,
+    Shield,
+    Trophy,
+    Users,
+    Vote,
+    X,
 } from 'lucide-react';
+import { useCallback, useEffect, useState } from 'react';
+import type { Notification } from './notificationTypes';
 
 interface ToastNotificationProps {
   notification: Notification;