Enhaced UI updated

app/components/layout/Navbar.tsx

@@ -2,13 +2,14 @@
 
 import { useState, useEffect } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { Menu, X, Activity, Brain, Mic, Pill } from "lucide-react";
+import { Menu, X, Activity, Brain, Mic, ShieldCheck } from "lucide-react";
 import Link from "next/link";
 
 const navItems = [
+    { name: "Devices", icon: Activity, href: "/devices" },
     { name: "Voice-to-SOAP", icon: Mic, href: "#voice-soap" },
     { name: "AI Diagnosis", icon: Brain, href: "#diagnosis" },
-    { name: "AI Prescription", icon: Pill, href: "#prescription" },
+    { name: "Apps & Security", icon: ShieldCheck, href: "/apps" },
 ];
 
 export default function Navbar() {