Rework header, footer, logo

Fixes Align Homarr logo to the left #96

src/components/layout/Logo.tsx

@@ -1,15 +1,29 @@
-import { Text } from '@mantine/core';
+import { Group, Text } from '@mantine/core';
 import * as React from 'react';
+import { CURRENT_VERSION } from '../../../data/constants';
 
 export function Logo({ style }: any) {
   return (
-    <Text
-      sx={style}
-      weight="bold"
-      variant="gradient"
-      gradient={{ from: 'red', to: 'orange', deg: 145 }}
-    >
-      Homarr
-    </Text>
+    <Group>
+      <Text
+        sx={style}
+        weight="bold"
+        variant="gradient"
+        gradient={{ from: 'red', to: 'orange', deg: 145 }}
+      >
+        Homarr
+      </Text>
+      <Text
+        style={{
+          color: 'gray',
+          fontStyle: 'inherit',
+          fontSize: 'inherit',
+          alignSelf: 'end',
+          alignContent: 'start',
+        }}
+      >
+        {CURRENT_VERSION}
+      </Text>
+    </Group>
   );
 }