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;