chore: replace section with a div

src/components/home/ProjectsNavigationItem.vue

@@ -4,7 +4,7 @@
 		:class="{'is-loading': isLoading}"
 		:data-project-id="project.id"
 	>
-		<section>
+		<div>
 			<BaseButton
 				v-if="canCollapse && childProjects?.length > 0"
 				@click="childProjectsOpen = !childProjectsOpen"
@@ -44,7 +44,7 @@
 				</template>
 			</ProjectSettingsDropdown>
 			<span class="list-setting-spacer" v-else></span>
-		</section>
+		</div>
 		<ProjectsNavigation
 			v-if="canNestDeeper && childProjectsOpen && canCollapse"
 			v-model="childProjects"
@@ -120,7 +120,7 @@ const canNestDeeper = computed(() => {
 	}
 }
 
-.list-menu:hover > section > .favorite {
+.list-menu:hover > div > .favorite {
 	opacity: 1;
 }
 </style>

src/styles/theme/navigation.scss

@@ -19,7 +19,7 @@
     padding: 0;
     
     &.other-menu-items li,
-    li > section {
+    li > div {
       height: 44px;
       display: flex;
       align-items: center;
@@ -29,7 +29,7 @@
       }
     }
 
-    li > section {
+    li > div {
       .menu-list-dropdown {
         opacity: 1;
         transition: $transition;
@@ -76,7 +76,7 @@
     }
 
     .list-menu-link,
-    li, li > section {
+    li, li > div {
       .collapse-project-button {
         padding: .5rem .25rem .5rem .5rem;