added frontend and updated backend with docker, wrote some initial instructions

frontend/src/main.ts

@@ -0,0 +1,41 @@
+import { createApp } from "vue";
+import "./style.css";
+import App from "./App.vue";
+import PrimeVue from "primevue/config";
+import Button from "primevue/button";
+import Dropdown from "primevue/dropdown";
+import Menubar from "primevue/menubar";
+import InputText from "primevue/inputtext";
+import Card from "primevue/card";
+import DataView from "primevue/dataview";
+import ToggleButton from "primevue/togglebutton";
+import "primevue/resources/themes/viva-dark/theme.css";
+import "primeicons/primeicons.css";
+import "primeflex/primeflex.css";
+import router from "./router";
+import TabView from "primevue/tabview";
+import TabPanel from "primevue/tabpanel";
+import { createPinia } from "pinia";
+import MultiSelect from "primevue/multiselect";
+import ToastService from "primevue/toastservice";
+import Toast from "primevue/toast";
+
+const app = createApp(App);
+const pinia = createPinia();
+
+app.use(PrimeVue);
+app.use(router);
+app.use(ToastService);
+app.use(pinia);
+app.component("Button", Button);
+app.component("Menubar", Menubar);
+app.component("Dropdown", Dropdown);
+app.component("InputText", InputText);
+app.component("Card", Card);
+app.component("DataView", DataView);
+app.component("ToggleButton", ToggleButton);
+app.component("TabView", TabView);
+app.component("TabPanel", TabPanel);
+app.component("MultiSelect", MultiSelect);
+app.component("Toast", Toast);
+app.mount("#app");