💄 Styling and UI changes

src/components/layout/Aside.tsx

@@ -5,6 +5,7 @@ import { ModuleWrapper } from '../modules/moduleWrapper';
 export default function Aside(props: any) {
   return (
     <MantineAside
+      pr="md"
       hiddenBreakpoint="md"
       hidden
       style={{

src/components/layout/Footer.tsx

@@ -11,6 +11,8 @@ import {
 } from '@mantine/core';
 import { AlertCircle, BrandGithub } from 'tabler-icons-react';
 import { CURRENT_VERSION, REPO_URL } from '../../../data/constants';
+import { ModuleWrapper } from '../modules/moduleWrapper';
+import { DownloadsModule } from '../modules';
 
 const useStyles = createStyles((theme) => ({
   footer: {