"Add version selector to OrderBookingsTable for toggling between new and legacy booking portals; replace notification with dropdown to improve UI clarity and portal access."

src/views/dashboards/userDashboard/bookings/displays/tables/OrderBookingsTable.vue

@@ -300,6 +300,11 @@ const showAllBookings = () => {
   loadList();
 }
 
+const versionSelector = ref('new');
+const resetVersionToNew = () => {
+  versionSelector.value = 'new';
+};
+
 </script>
 
 <template>
@@ -354,6 +359,19 @@ const showAllBookings = () => {
                 </div>
               </div>
             </div>
+            <div class="column is-narrow">
+              <div class="field mb-0">
+                <label class="label is-small">Version</label>
+                <div class="control">
+                  <div class="select">
+                    <select @change="showLegacyOrderBookingsPortal(); resetVersionToNew()" v-model="versionSelector">
+                      <option value="new">Ny</option>
+                      <option value="legacy">Gammel</option>
+                    </select>
+                  </div>
+                </div>
+              </div>
+            </div>
             <div class="column is-narrow">
               <div class="field mb-0">
                 <label class="label is-small">Kun i dag</label>
@@ -396,9 +414,6 @@ const showAllBookings = () => {
               </div>
             </div>
         </div>
-        <div class="notification is-warning is-light mb-3 is-clickable" @click="showLegacyOrderBookingsPortal()">
-          <strong>Bemærk:</strong> Ny booking portal er ved at erstatte den tidligere. Du finder den tidligere booking portal <u>her</u>.
-        </div>
         <div>
           <table class="table is-fullwidth is-hoverable is-striped"
                  style="table-layout: fixed;">