add i18n, products, productors and forms as tables

frontend/src/pages/Dashboard/index.tsx

@@ -0,0 +1,28 @@
+import { Tabs } from "@mantine/core";
+import { t } from "@/config/i18n";
+import { Outlet, useNavigate, useParams } from "react-router";
+
+export default function Dashboard() {
+    const navigate = useNavigate();
+    const { tabValue } = useParams();
+    
+    return (
+        <Tabs 
+            w={{base: "100%", md: "80%", lg: "60%"}}
+            keepMounted={false} 
+            defaultValue="productors" 
+            orientation={"horizontal"}
+            value={tabValue}
+            onChange={(value) => navigate(`/dashboard/${value}`)}
+        >
+            <Tabs.List>
+                <Tabs.Tab value="productors">{t("productors", {capfirst: true})}</Tabs.Tab>
+                <Tabs.Tab value="products">{t("products", {capfirst: true})}</Tabs.Tab>
+                <Tabs.Tab value="templates">{t("templates", {capfirst: true})}</Tabs.Tab>
+                <Tabs.Tab value="users">{t("users", {capfirst: true})}</Tabs.Tab>
+                <Tabs.Tab value="forms">{t("forms", {capfirst: true})}</Tabs.Tab>
+            </Tabs.List>
+            <Outlet/>
+        </Tabs>
+    );
+}