idek what is in this i just need to switch branches

pages/scout.vue

@@ -143,12 +143,11 @@ async function submit() {
       </UButtonGroup>
     </template>
         <div v-if="gameTime == GameTime.Autonomous">
-          <div style="text-align:center">
-            <IncrementalButton v-model="data.auto.amp"></IncrementalButton>
-            <IncrementalButton v-model="data.auto.speakerNA"></IncrementalButton>
+          <div class="flex" style="text-align:center">
+            <IncrementalButton v-model="data.auto.amp" style="margin:5px"></IncrementalButton>
+            <IncrementalButton v-model="data.auto.speakerNA" style="margin:5px"></IncrementalButton>
+            <BooleanButton v-model="data.auto.leave" :default-value="'Mobility'" :other-value="'Mobility'" style="margin:5px"></BooleanButton>
           </div>
-          <br>
-          <BooleanButton v-model="data.auto.leave" :default-value="'Mobility'" :other-value="'Mobility'"></BooleanButton>
         </div>
         <div v-if="gameTime == GameTime.Teleoperated">
           <IncrementalButton v-model="data.teleop.amp"></IncrementalButton>

pages/teams.vue

@@ -86,6 +86,8 @@ const columns = [{
 }, {
   key: 'actions',
   label: 'Endgame'
+}, {
+  key: 'dropdown'
 }]
 
 
@@ -108,6 +110,32 @@ const columns = [{
       </UPopover>
     </template>
 
+    <template #mobility-data="{ row }">
+      <UPopover>
+        <UButton class="m-1" color="white" variant="soft" >{{row.mobility}}</UButton>
+        <template #panel>
+          <UCard>
+            <div class="max-w-xs min-w-[15rem] overflow-y-auto" style="max-height: 20rem; min-height: 10rem">
+
+            </div>
+          </UCard>
+        </template>
+      </UPopover>
+    </template>
+
+    <template #speaker-data="{ row }">
+      <UPopover>
+        <UButton class="m-1" color="white" variant="soft" >{{row.speaker}}</UButton>
+        <template #panel>
+          <UCard>
+            <div class="max-w-xs min-w-[15rem] overflow-y-auto" style="max-height: 20rem; min-height: 10rem">
+
+            </div>
+          </UCard>
+        </template>
+      </UPopover>
+    </template>
+
     <template #actions-data="{ row }">
       <UPopover>
         <UButton class="m-1" color="blue" label="Chart" variant="soft" />
@@ -121,6 +149,19 @@ const columns = [{
       </UPopover>
     </template>
 
+    <template #dropdown-data="{ row }">
+      <UPopover>
+        <UButton color="gray" variant="ghost" icon="i-heroicons-ellipsis-horizontal-20-solid" />
+        <template #panel>
+          <UCard>
+            <div class="max-w-full min-w-max overflow-y-auto" style="max-height: 20rem; min-height: 10rem">
+
+            </div>
+          </UCard>
+        </template>
+      </UPopover>
+    </template>
+
   </UTable>
 </template>