fix: Home page work(link and button size fix)

src/components/Navbar.jsx

@@ -66,6 +66,7 @@ export default function Navbar() {
         <button
           onClick={() => navigate('/settings')}
           style={{ background: 'none', border: '1px solid var(--border)', color: 'var(--text2)', borderRadius: 6, padding: '5px 10px', fontSize: 12, display: 'flex', alignItems: 'center', gap: 5 }}
+          className='h-[-webkit-fill-available]'
         >
           <FiSettings size={13} /> Settings
         </button>

src/components/ThemeToggle.jsx

@@ -18,6 +18,7 @@ export default function ThemeToggle() {
         alignItems: "center",
         gap: 5,
       }}
+      className='h-[-webkit-fill-available]'
       title={`Switch to ${theme === "dark" ? "light" : "dark"} theme`}
     >
       {theme === "dark" ? <FiSun size={13} /> : <FiMoon size={13} />}

src/components/layout/Footer.jsx

@@ -11,7 +11,7 @@ import { HiOutlineMail } from "react-icons/hi";
 const footerLinks = [
   {
     label: "Documentation",
-    href: "/docs",
+    href: "https://github.com/AOSSIE-Org/OrgExplorer/blob/main/README.md",
   },
   {
     label: "Terms of Service",
@@ -23,7 +23,7 @@ const footerLinks = [
   },
   {
     label: "API Status",
-    href: "/status",
+    href: "/settings#api-status",
   },
 ];