fix table column selector to only pick columns for area type

Otherwise you get duplicate columns if a dataset has multuple datatypes
for multiple are types

hub/templates/hub/explore.html

@@ -173,7 +173,7 @@ <h3 class="h6 mb-0 me-auto">${ column.title }</h3>
                             </div>
                             <div :class="{ 'filter__body': true, 'filter__body--expanded': true }">
                                 <select v-if="column.is_range" v-model="column.selectedType" class="form-select form-select-sm flex-grow-0 flex-shrink-1">
-                                <option v-for="ds_type in column.types" :value="ds_type.name">${ ds_type.title }</option>
+                                <option v-for="ds_type in getDataTypesForCurrentArea(column)" :value="ds_type.name">${ ds_type.title }</option>
                                 </select>
                             </div>
                         </div>