Cleanup: Search Area section markup

src/components/LocationSearchSection.vue

@@ -1,6 +1,13 @@
 <template>
-  <section v-if="isRegistered" class="mt-4">
-    <h2 class="text-lg font-semibold mb-2">Location for Searches</h2>
+  <section
+    v-if="isRegistered"
+    id="sectionSearchLocation"
+    class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"
+    aria-labelledby="searchLocationHeading"
+  >
+    <h2 id="searchLocationHeading" class="mb-2 font-bold">
+      Location for Searches
+    </h2>
     <div v-if="searchAreaLabel" class="mb-2">
       <span class="text-slate-700">Current Area: </span>
       <span class="font-mono">{{ searchAreaLabel }}</span>

src/views/AccountViewView.vue

@@ -143,20 +143,11 @@
     </section>
     <PushNotificationPermission ref="pushNotificationPermission" />
 
-    <section
-      id="sectionSearchLocation"
-      class="bg-slate-100 rounded-md overflow-hidden px-4 py-4 mt-8 mb-8"
-      aria-labelledby="searchLocationHeading"
-    >
-      <h2 id="searchLocationHeading" class="mb-2 font-bold">
-        Location for Searches
-      </h2>
-      <LocationSearchSection
-        :is-registered="isRegistered"
-        :search-area-label="searchAreaLabel"
-        @set-search-area="onSetSearchArea"
-      />
-    </section>
+    <LocationSearchSection
+      :is-registered="isRegistered"
+      :search-area-label="searchAreaLabel"
+      @set-search-area="onSetSearchArea"
+    />
 
     <!-- User Profile -->
     <section