feat: add footer and header

src/pages/position/ui/PositionPage.vue

@@ -2,6 +2,9 @@
 import { ProductCard } from '~/src/entities/product'
 import { useCRMGetPositions } from '~/src/shared/api/crm/crm'
 import { Sidebar } from '~/src/widgets/sidebar'
+import { StandardLayout } from '~/src/shared/ui'
+import { Header } from '~/src/widgets/header'
+import { Footer } from '~/src/widgets/footer'
 
 const route = useRoute()
 
@@ -9,12 +12,20 @@ const { data: positions } = useCRMGetPositions(route.params.id as string)
 </script>
 
 <template>
-  <div class="flex gap-12 pl-31">
-    <Sidebar />
-    <div class="flex flex-col gap-8 pr-31 pb-34">
-      <div class="grid grid-cols-4 gap-4">
-        <ProductCard v-for="product in positions?.data.products" :key="product.id" class="basis-1/4" :product />
+  <StandardLayout>
+    <template #header>
+      <Header />
+    </template>
+    <div class="flex gap-12">
+      <Sidebar />
+      <div class="flex flex-col gap-8 pb-34">
+        <div class="grid grid-cols-4 gap-4">
+          <ProductCard v-for="product in positions?.data.products" :key="product.id" class="basis-1/4" :product />
+        </div>
       </div>
     </div>
-  </div>
+    <template #footer>
+      <Footer />
+    </template>
+  </StandardLayout>
 </template>