fixed discord and github nav links

frontend/src/Navigation.tsx

@@ -129,31 +129,27 @@ export default function Navigation({
             <p className="my-auto text-eerie-black">About</p>
           </NavLink>
 
-          <div className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100">
-            <img src={Link} alt="link" className="ml-2 w-5" />
           <a
             href="https://discord.gg/WHJdfbQDR4"
             target="_blank"
             rel="noreferrer"
-              className="my-auto text-eerie-black"
+            className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100"
           >
-              Discord
+            <img src={Link} alt="link" className="ml-2 w-5" />
+            <p className="my-auto text-eerie-black">Discord</p>
           </a>
-          </div>
 
-          <div className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100">
-            <img src={Link} alt="link" className="ml-2 w-5" />
           <a
             href="https://github.com/arc53/DocsGPT"
             target="_blank"
             rel="noreferrer"
-              className="my-auto text-eerie-black"
+            className="my-auto mx-4 flex h-12 cursor-pointer gap-4 rounded-md hover:bg-gray-100"
           >
-              Github
+            <img src={Link} alt="link" className="ml-2 w-5" />
+            <p className="my-auto text-eerie-black">Github</p>
           </a>
         </div>
       </div>
-      </div>
       <button
         className="fixed mt-5 ml-6 h-6 w-6 md:hidden"
         onClick={() => setNavState('ACTIVE')}