fix: fixed navbar link tooltips

src/components/layout/Navbar/NavbarLinks.tsx

@@ -1,5 +1,5 @@
 import { IconPlus } from "@tabler/icons-react";
-import { Stack, Tooltip } from "@mantine/core";
+import { Center, Stack, Tooltip } from "@mantine/core";
 import NavbarClickable from "./NavbarClickable";
 
 type LinkData = {
@@ -16,18 +16,22 @@ const NavbarLinks = ({ linksData }: Props) => {
     return (
         <Stack gap={"xs"}>
             {linksData.map((linkData, index) => (
+                <NavbarClickable
+                    href={linkData.href}
+                    key={linkData.label}>
                     <Tooltip
                         key={index}
                         display={!linkData.label ? "none" : "flex"}
                         label={linkData.label}
                         position="right"
                         transitionProps={{ duration: 0 }}>
-                    <NavbarClickable
-                        href={linkData.href}
-                        key={linkData.label}>
+                        <Center
+                            w={"100%"}
+                            h={"100%"}>
                             <linkData.icon />
-                    </NavbarClickable>
+                        </Center>
                     </Tooltip>
+                </NavbarClickable>
             ))}
         </Stack>
     );