feat: rebrand to HELPDESK.AI and update official logos

- Updated TopNav, LandingPage, and AdminSidebar to use favicon.png as the official logo.
- Renamed brand from 'Emerald Prime' to 'HELPDESK.AI' across all components.
- Updated index.html title and favicon link.
- Updated 'Powered by' tagline in CreateTicket.jsx.

Author: ritesh-1918

Frontend/src/admin/components/AdminSidebar.jsx

@@ -46,11 +46,11 @@ const AdminSidebar = ({ isMobile, onClose }) => {
             {/* Logo Section */}
             <div className="p-6 lg:p-8 border-b border-slate-800/50 flex justify-center lg:justify-start">
                 <div className="flex items-center gap-3">
-                    <div className="w-10 h-10 bg-emerald-600 rounded-xl flex items-center justify-center text-white font-black shadow-lg shadow-emerald-500/20 shrink-0">
-                        <ShieldCheck size={24} />
+                    <div className="w-10 h-10 flex items-center justify-center shrink-0">
+                        <img src="/favicon.png" alt="Logo" className="w-9 h-9 object-contain" />
                     </div>
                     <div className="hidden lg:block animate-in fade-in duration-500">
-                        <h1 className="text-white font-black tracking-tighter leading-none text-xl italic">PRIME.</h1>
+                        <h1 className="text-white font-black tracking-tighter leading-none text-xl italic">HELPDESK.AI</h1>
                         <p className="text-[10px] text-slate-500 font-bold uppercase tracking-[0.2em] mt-1">Admin Console</p>
                     </div>
                 </div>

Frontend/src/pages/LandingPage.jsx

@@ -80,10 +80,10 @@ export default function LandingPage() {
                     <div className="flex justify-between items-center h-16">
                         {/* Logo */}
                         <div className="flex items-center gap-2 cursor-pointer" onClick={() => navigate('/')}>
-                            <div className="bg-emerald-900 p-1.5 rounded-lg">
-                                <BrainCircuit className="w-5 h-5 text-white" />
+                            <div className="flex items-center justify-center p-1">
+                                <img src="/favicon.png" alt="H" className="w-8 h-8 object-contain" />
                             </div>
-                            <span className="font-bold text-xl tracking-tight text-emerald-900">HelpDesk.ai</span>
+                            <span className="font-black text-2xl tracking-tighter text-emerald-900 italic uppercase">HelpDesk.ai</span>
                         </div>
 
                         {/* Desktop Menu */}

Frontend/src/user/components/TopNav.jsx

@@ -22,10 +22,10 @@ const TopNav = () => {
             <div className="max-w-[1100px] mx-auto px-6 h-16 flex items-center justify-between">
                 {/* Left: Logo */}
                 <div className="flex items-center gap-3">
-                    <div className="size-8 text-emerald-600 flex items-center justify-center">
-                        <Box className="w-6 h-6" />
+                    <div className="flex items-center justify-center overflow-hidden">
+                        <img src="/favicon.png" alt="HELPDESK.AI Logo" className="w-7 h-7 object-contain" />
                     </div>
-                    <h1 className="text-lg font-bold tracking-tight text-gray-900">Emerald Prime</h1>
+                    <h1 className="text-xl font-black tracking-tighter text-gray-900 italic">HELPDESK.AI</h1>
                 </div>
 
                 {/* Center: Navigation Links */}

Frontend/src/user/pages/CreateTicket.jsx

@@ -502,7 +502,7 @@ const CreateTicket = () => {
                                     </Button>
                                     <div className="flex items-center justify-center gap-2 text-xs text-gray-400 font-medium">
                                         <BrainCircuit size={14} />
-                                        Powered by Emerald AI Routing
+                                        Powered by HelpDesk.ai Routing
                                     </div>
                                 </form>
                             </CardContent>