Redesign productDetail dialog

software/src/components/actionDialog.vue

@@ -5,7 +5,14 @@ const showDialog: ModelRef<boolean> = defineModel()
 
 defineProps({
   title: String,
-  subtitle: String,
+  icon: {
+    type: String,
+    default: "mdi-cog"
+  },
+  subtitle: {
+    type: String,
+    default: ""
+  },
   imageUrl: {
     type: String,
     default: ""
@@ -14,21 +21,9 @@ defineProps({
 </script>
 
 <template>
-  <v-dialog max-width="1000" v-model="showDialog">
-    <v-card :title="title" :subtitle="subtitle" >
-      <v-container>
-        <v-row>
-          <v-col>
-            <v-img v-if="imageUrl != ''" :src="imageUrl" max-height="600" />
-          </v-col>
-
-          <v-col>
-            <v-card-text>
-              <slot name="content"></slot>
-            </v-card-text>
-          </v-col>
-        </v-row>
-      </v-container>
+  <v-dialog max-width="1200" v-model="showDialog">
+    <v-card :title="title" :subtitle="subtitle" :prepend-icon="icon" >
+      <slot name="content"></slot>
       
       <v-card-actions>
         <slot name="actions"></slot>

software/src/components/navigationItems.vue

@@ -15,6 +15,7 @@ const navRail = defineModel("navRail", { type: Boolean })
       <div v-if="!navRail">{{ $t('menu.shopping') }}</div>
       <div v-else></div>
     </v-list-subheader>
+    
     <v-list-item :title="$t('menu.products')" prepend-icon="mdi-store" to="/" link />
     <v-list-item :title="$t('menu.basket')" to="/basket" link >
       <template v-slot:prepend>