💄 Improve layout styling

src/components/layout/Aside.tsx

@@ -5,9 +5,11 @@ import ModuleWrapper from '../modules/moduleWrapper';
 export default function Aside() {
   return (
     <MantineAside
-      height="100%"
       hiddenBreakpoint="md"
       hidden
+      style={{
+        border: 'none',
+      }}
       width={{
         base: 'auto',
       }}

src/components/layout/Footer.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import { createStyles, Anchor, Text, Group, ActionIcon } from '@mantine/core';
+import {
+  createStyles,
+  Anchor,
+  Text,
+  Group,
+  ActionIcon,
+  Footer as FooterComponent,
+} from '@mantine/core';
 import { BrandGithub } from 'tabler-icons-react';
 
 const useStyles = createStyles((theme) => ({
@@ -48,6 +55,7 @@ export function Footer({ links }: FooterCenteredProps) {
   ));
 
   return (
+    <FooterComponent height="auto" style={{ border: 'none' }}>
       <Group
         sx={{
           position: 'fixed',
@@ -66,16 +74,20 @@ export function Footer({ links }: FooterCenteredProps) {
         </Group>
         <Text
           style={{
-          fontSize: '0.75rem',
+            fontSize: '0.90rem',
             textAlign: 'center',
             color: '#a0aec0',
           }}
         >
           Made with ❤️ by @
-        <Anchor href="https://github.com/ajnart" style={{ color: 'inherit', fontStyle: 'inherit', fontSize: 'inherit' }}>
+          <Anchor
+            href="https://github.com/ajnart"
+            style={{ color: 'inherit', fontStyle: 'inherit', fontSize: 'inherit' }}
+          >
             ajnart
           </Anchor>
         </Text>
       </Group>
+    </FooterComponent>
   );
 }

src/components/layout/Navbar.tsx

@@ -5,9 +5,11 @@ import ModuleWrapper from '../modules/moduleWrapper';
 export default function Navbar() {
   return (
     <MantineNavbar
-      height="100%"
       hiddenBreakpoint="lg"
       hidden
+      style={{
+        border: 'none',
+      }}
       width={{
         base: 'auto',
       }}