Refactor: Consolidate Sessions into Security Tab

src/pages/UserSettings.tsx

@@ -1,14 +1,13 @@
 import { useState } from 'react';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { Settings, User, Shield, Eye, Bell, MapPin, Download, MonitorSmartphone } from 'lucide-react';
+import { Settings, User, Shield, Eye, Bell, MapPin, Download } from 'lucide-react';
 import { useAuth } from '@/hooks/useAuth';
 import { useProfile } from '@/hooks/useProfile';
 import { Navigate } from 'react-router-dom';
 import { Header } from '@/components/layout/Header';
 import { AccountProfileTab } from '@/components/settings/AccountProfileTab';
 import { SecurityTab } from '@/components/settings/SecurityTab';
-import { SessionsTab } from '@/components/settings/SessionsTab';
 import { PrivacyTab } from '@/components/settings/PrivacyTab';
 import { NotificationsTab } from '@/components/settings/NotificationsTab';
 import { LocationTab } from '@/components/settings/LocationTab';
@@ -54,12 +53,6 @@ export default function UserSettings() {
       icon: Shield,
       component: SecurityTab
     },
-    {
-      id: 'sessions',
-      label: 'Sessions',
-      icon: MonitorSmartphone,
-      component: SessionsTab
-    },
     {
       id: 'privacy',
       label: 'Privacy',
@@ -102,7 +95,7 @@ export default function UserSettings() {
 
         {/* Settings Tabs */}
         <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-6">
-          <TabsList className="grid w-full grid-cols-2 lg:grid-cols-7 h-auto p-1">
+          <TabsList className="grid w-full grid-cols-2 lg:grid-cols-6 h-auto p-1">
             {tabs.map((tab) => {
               const Icon = tab.icon;
               return (