feat & fix: UI improvements and new functional features

Customer-chat

@@ -0,0 +1,13 @@
+#158 Customer Support Chat Integration
+Repo Avatar
+nathydre21/nepa
+Description*: No integrated support system. Add chat with ticketing functionality.
+
+Technical Requirements:
+
+Integrate third-party chat service (Intercom, Zendesk)
+Create ticket management system with SLA tracking
+Implement chatbot for common queries using NLP
+Add support agent dashboard with user context
+Create knowledge base integration
+Impact: Better customer support, reduced support costs

nepa-frontend/package.json

@@ -18,6 +18,7 @@
     "@walletconnect/sign-client": "^2.23.6",
     "albedo": "^0.1.3",
     "date-fns": "^4.1.0",
+    "lucide-react": "^0.479.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
     "recharts": "^3.7.0"

nepa-frontend/src/App.tsx

@@ -166,9 +166,22 @@ const AppContent: React.FC = () => {
             </div>
             <h1 className="text-2xl font-bold text-foreground">NEPA Platform</h1>
           </div>
-          <div className="flex items-center gap-4">
-            <KeyboardShortcutHelp />
-            <ThemeToggle />
+        </main>
+
+        <footer role={landmarkRoles.contentinfo} className="border-t border-border bg-card mt-12">
+          <div className="container mx-auto px-4 py-8">
+            <div className="flex flex-col md:flex-row justify-between items-center gap-4">
+              <div className="text-center md:text-left">
+                <p className="text-muted-foreground">
+                  &copy; 2024 NEPA Platform. All rights reserved.
+                </p>
+              </div>
+              <div className="flex flex-wrap justify-center gap-6">
+                <a href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Privacy</a>
+                <a href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Terms</a>
+                <a href="#" className="text-sm text-muted-foreground hover:text-foreground transition-colors">Support</a>
+              </div>
+            </div>
           </div>
         </div>
       </header>