Updated navigation bar and also added discord and github icons

frontend/src/App.tsx

@@ -4,17 +4,24 @@ import Conversation from './conversation/Conversation';
 import About from './About';
 import { inject } from '@vercel/analytics';
 import { useMediaQuery } from './hooks';
+import { useState } from 'react';
 
 inject();
 
 export default function App() {
   const { isMobile } = useMediaQuery();
+  const [navOpen, setNavOpen] = useState(!isMobile);
+
   return (
     <div className="min-h-full min-w-full">
-      <Navigation />
+      <Navigation navOpen={navOpen} setNavOpen={setNavOpen} />
       <div
         className={`transition-all duration-200 ${
-          !isMobile ? 'ml-0 md:ml-72 lg:ml-60' : 'ml-0 md:ml-16'
+          !isMobile
+            ? `ml-0 ${
+                !navOpen ? '-mt-5 md:mx-auto lg:mx-auto' : 'md:ml-72 lg:ml-60'
+              }`
+            : 'ml-0 md:ml-16'
         }`}
       >
         <Routes>