Add Device Trust Management UI

- Create DeviceTrustManagement component with trust/untrust/remove device functionality
- Add devices API client for device management endpoints
- Integrate DeviceTrustManagement into settings page
- Add filter toggle for all/trusted/untrusted devices
- Implement current device protection and indicators
- Add platform-specific device icons
- Include confirmation dialogs for device removal

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

maternal-web/app/settings/page.tsx

@@ -9,6 +9,7 @@ import { ProtectedRoute } from '@/components/common/ProtectedRoute';
 import { usersApi } from '@/lib/api/users';
 import { MFASettings } from '@/components/settings/MFASettings';
 import { SessionsManagement } from '@/components/settings/SessionsManagement';
+import { DeviceTrustManagement } from '@/components/settings/DeviceTrustManagement';
 import { motion } from 'framer-motion';
 
 export default function SettingsPage() {
@@ -241,11 +242,22 @@ export default function SettingsPage() {
         </Box>
       </motion.div>
 
+      {/* Device Trust Management */}
+      <motion.div
+        initial={{ opacity: 0, y: 20 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.4, delay: 0.33 }}
+      >
+        <Box sx={{ mb: 3 }}>
+          <DeviceTrustManagement />
+        </Box>
+      </motion.div>
+
       {/* Account Actions */}
       <motion.div
         initial={{ opacity: 0, y: 20 }}
         animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.4, delay: 0.35 }}
+        transition={{ duration: 0.4, delay: 0.4 }}
       >
         <Card>
           <CardContent>