Refactor POS Mobile components:

- Comment out unused `PosDepartmentStepMobile2AdditionalItems` in `PosDepartmentStepMobile2.vue`.
- Wrap `PosDepartmentStepMobileButtonClearAll` in a `div` for improved layout structure.
- Add styles and click handlers to `PosDepartmentStepMobileButtonClearAll` for resetting flow and values.

src/components/displays/department/pos/steps/mobile/PosDepartmentStepMobile2.vue

@@ -331,7 +331,7 @@ watch(() => vehicles.vehicle_1.value.reference, (newValue, oldValue) => {
           :product="transactionItems.primaryItem.value"
           />
       <!-- Additional items -->
-      <PosDepartmentStepMobile2AdditionalItems/>
+      <!--<PosDepartmentStepMobile2AdditionalItems/>-->
       <!-- Last order details -->
       <PosDepartmentStepMobile2LastOrder
           v-show="lastOrders.get(1)"
@@ -358,7 +358,9 @@ watch(() => vehicles.vehicle_1.value.reference, (newValue, oldValue) => {
           <span class="is-float-left has-text-white">Gennemfør</span>
           <span class="is-float-right has-text-white">{{ SessionUser.functions.currency.toLocal(transactionItems.getTransactionTotal())}}</span>
         </PosDepartmentStepMobileButtonNextStep>
-        <PosDepartmentStepMobileButtonClearAll/>
+        <div>
+          <PosDepartmentStepMobileButtonClearAll/>
+        </div>
       </PosDepartmentStepMobileFixedBottomControl>
     </div>
   </template>

src/components/displays/department/pos/steps/mobile/elements/PosDepartmentStepMobileButtonClearAll.vue

@@ -6,7 +6,8 @@ import { resetPos } from "../objects/PosDepartmentStepMobileFlow.vue";
 </script>
 
 <template>
-  <div>
+  <div class="button is-fullwidth is-outlined is-danger"
+       @click="resetPos(); reset_all_values();">
     <div class="columns is-mobile is-vcentered has-text-centered">
       <!-- Clear all -->
       <div class="column is-12 has-text-centered" @click="resetPos(); reset_all_values();">