Data tables for brand and category added to admin pages

software/src/pages/admin/categoriesPage/index.vue

@@ -1,6 +1,35 @@
 <script setup lang="ts">
+import cardView from '@/components/cardView.vue';
+import { useProductStore } from '@/data/stores/productStore';
+
+const productStore = useProductStore()
+
+const headers = [
+  { title: "Name", value: "name" },
+  { title: "Icon", value: "icon" },
+  { title: "Edit", value: "edit" },
+]
 </script>
 
 <template>
-  Categories Page
+  <v-container max-width="800">
+    <v-row>
+      <v-col>
+        <card-view
+          :title="$t('category', 2)"
+          icon="mdi-label"
+          :subtitle="productStore.categories.length + ' ' + $t('category', productStore.categories.length)"
+        >
+          <v-data-table
+            :items="productStore.categories"
+            :headers="headers"
+          >
+            <template v-slot:item.icon="{ item }">
+              <v-icon :icon="item.icon" />
+            </template>
+          </v-data-table>
+        </card-view>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>