fix(fe general and archive): added backoffice components first logic and archive page table with simple items fetch

resources/js/pages/Backoffice.vue

@@ -1,18 +1,37 @@
 <script setup lang="ts">
 import {useAuthStore} from "@/stores/auth.store.ts";
 import Header from "@/layouts/partials/Header.vue";
+import Sidebar from "@/layouts/partials/Sidebar.vue";
+import Content from "@/layouts/partials/Content.vue";
+import {reactive} from "vue";
 
-const auth = useAuthStore();
+const page = reactive({
+  id: 'dashboard',
+  name: 'Dashboard',
+})
 
+const changePage = (currentPage) => {
+  page.id = currentPage.id;
+  page.name = currentPage.name;
+}
 </script>
 
 <template>
   <div>
     <Header />
-    <router-link to="/login"> Take me to login page </router-link>
+    <v-row :fluid="true">
+      <Sidebar
+        @show-page="changePage"
+      />
+      <Content
+        :page="page"
+      />
+    </v-row>
   </div>
 </template>
 
 <style scoped>
-
+  .v-row {
+    margin: 0;
+  }
 </style>