Created initial logs page and fixed flex_row vertical alignment

src/App.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import Dashboard from "./Routes/Dashboard/Dashboard";
 import Error from "./Routes/Error/Error";
 import Products from "./Routes/Products/Products";
+import Logs from "./Routes/Logs/Logs";
 import Container from "./Components/Container/Container";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
 import Store from "./Plugins/Redux/Store/Store";
@@ -29,6 +30,14 @@ const router = createBrowserRouter([
       </Container>
     ),
   },
+  {
+    path: "/Logs",
+    element: (
+      <Container>
+        <Logs />
+      </Container>
+    ),
+  },
 ]);
 
 export default function App() {

src/Routes/Logs/Logs.tsx

@@ -0,0 +1,14 @@
+import * as React from "react";
+import LogsIcon from "../../Components/Icons/LogsIcon/LogsIcon";
+import styles from "../../styles";
+
+export default function Logs() {
+  return (
+    <div style={{ margin: 32, height: "100%" }}>
+      <div style={styles.flex_row}>
+        <LogsIcon size={8} color="white" />
+        <h1 style={styles.text_large}>Logs</h1>
+      </div>
+    </div>
+  );
+}

src/styles.tsx

@@ -129,7 +129,7 @@ const styles: { [key: string]: React.CSSProperties } = {
   flex_row: {
     display: "flex",
     flexDirection: "row",
-    alignItems: "stretch",
+    alignItems: "center",
   },
   flex_column: {
     display: "flex",