Add data e2e to settings dropdown and team dropdown [SCI-12198]

app/javascript/vue/navigation/top_menu.vue

@@ -5,11 +5,12 @@
       <img :src="logoUrl" alt="SciNote" class="h-full block">
     </a>
   </div>
-    <div v-if="currentTeam" class="w-64" :data-e2e="'e2e-DD-topMenu-teams'">
+    <div v-if="currentTeam" class="w-64">
       <SelectDropdown
         :value="currentTeam"
         :options="teams"
         @change="switchTeam"
+        :e2eValue="'e2e-DD-topMenu-teams'"
       ></SelectDropdown>
     </div>
     <QuickSearch
@@ -144,11 +145,16 @@ export default {
   },
   computed: {
     settingsMenuItems() {
-      return this.settingsMenu.map((item) => ({ text: item.name, url: item.url })).concat(
+      return this.settingsMenu.map((item) => ({ 
+        text: item.name,
+        url: item.url,
+        data_e2e: `e2e-DO-topMenu-settings-${item.name.replace(' ','').toLowerCase()}`
+      })).concat(
         {
           text: this.i18n.t('left_menu_bar.support_links.core_version'),
           modalTarget: '#aboutModal',
-          url: ''
+          url: '',
+          data_e2e: `e2e-DO-topMenu-settings-scinoteVersion`
         }
       );
     }

app/javascript/vue/shared/select_dropdown.vue

@@ -60,8 +60,9 @@
     <template v-if="isOpen">
       <teleport to="body">
         <div ref="flyout"
-            class="sn-select-dropdown bg-white inline-block sn-shadow-menu-sm rounded w-full
-                    fixed z-[3000]">
+          class="sn-select-dropdown bg-white inline-block sn-shadow-menu-sm rounded w-full fixed z-[3000]"
+          :data-e2e="`${e2eValue}-dropdownOptions`"
+        >
           <div v-if="multiple && withCheckboxes" class="p-2.5 pb-0">
             <div @click="selectAll" :class="sizeClass"
                 class="border border-x-0 !border-transparent border-solid !border-b-sn-light-grey