Add tab and enter controls for help icons

src/views/HomePage/ChallengeView.vue

@@ -37,6 +37,8 @@ const closeHelpPopUp = async () => {
         src="/src/components/icons/navigation/help.svg"
         alt="hjelp"
         @click="openHelpPopUp"
+        tabindex="0"
+        @keyup.enter="openHelpPopUp"
         class="help-icon">
       <div v-if="displayHelpPopUp" class="popup-container">
         <ChallengeHelpPopUp

src/views/HomePage/DiscoverView.vue

@@ -48,6 +48,8 @@ onMounted(async () => {
         src="/src/components/icons/navigation/help.svg"
         alt="hjelp"
         @click="openHelpPopUp"
+        tabindex="0"
+        @keyup.enter="openHelpPopUp"
         class="help-icon">
       <div v-if="displayHelpPopUp" class="popup-container">
         <DicoverHelpPopUp

src/views/HomePage/EconomyView.vue

@@ -158,6 +158,8 @@ const getRandomColor = () => {
         src="/src/components/icons/navigation/help.svg"
         alt="hjelp"
         @click="openHelpPopUp"
+        tabindex="0"
+        @keyup.enter="openHelpPopUp"
         class="help-icon">
       <div v-if="displayHelpPopUp" class="popup-container">
         <EconomyHelpPopUp

src/views/HomePage/EditMilestoneView.vue

@@ -161,6 +161,7 @@ const handleFileChange = (event: any) => {
           <label>Sett slutt dato</label>
           <VueDatePicker
             :enable-time-picker="false"
+            tabindex="0"
             placeholder="Velg slutt dato"
             v-model="end_date"
             :min-date="start_date"
@@ -177,12 +178,12 @@ const handleFileChange = (event: any) => {
     <div class="image-container">
       <label>Legg til et bilde</label>
       <div class="add-image-box">
-        <label>
+        <button>
           <input type="file" style="display: none" ref="fileInput" accept="image/png, image/jpeg"
                  @change="handleFileChange">
           <img v-if="image" :src="image" id="literal-image" alt="Selected Image" width="150px" height="150px">
           <img v-else src="../../components/icons/image/AddImage.png" alt="Add Image" width="50px" height="50px">
-        </label>
+        </button>
       </div>
       <!--        <div class="existing-pictures">-->
       <!--          <div class="existing-image-box"></div>-->

src/views/HomePage/HomeView.vue

@@ -45,6 +45,8 @@ userSavings()
         src="/src/components/icons/navigation/help.svg"
         alt="hjelp"
         @click="openHelpPopUp"
+        tabindex="0"
+        @keyup.enter="openHelpPopUp"
         class="help-icon">
       <div v-if="displayHelpPopUp" class="popup-container">
         <HomeHelpPopUp

src/views/HomePage/MilestonePathView.vue

@@ -65,6 +65,8 @@ const closeHelpPopUp = async () => {
         src="/src/components/icons/navigation/help.svg"
         alt="hjelp"
         @click="openHelpPopUp"
+        tabindex="0"
+        @keyup.enter="openHelpPopUp"
         class="help-icon">
       <div v-if="displayHelpPopUp" class="popup-container">
         <PathHelpPopUp

src/views/HomePage/MilestoneView.vue

@@ -37,6 +37,8 @@ const closeHelpPopUp = () => {
         src="/src/components/icons/navigation/help.svg"
         alt="hjelp"
         @click="openHelpPopUp"
+        tabindex="0"
+        @keyup.enter="openHelpPopUp"
         class="help-icon">
       <div v-if="displayHelpPopUp" class="popup-container">
         <MilestoneHelpPopUp