UPD: Layout changes (profiles)

src/components/config/ConfigPane.vue

@@ -1,6 +1,7 @@
 <template>
   <div>
-    <div class="flex">
+    <div v-if="showTabs" class="flex">
+      <!-- TODO: Remove later if not needed -->
       <div v-for="(option, index) in configPageOptions" :key="index" class="flex flex-1 items-center">
         <button
           class="flex-1 h-12 items-center text-center group px-3 font-heading"
@@ -28,7 +29,14 @@ import HapticConfig from '@/components/config/pages/HapticConfig.vue'
 import { Separator } from '@/components/ui/separator'
 import { ref } from 'vue'
 
-const currentPage = ref(0)
+defineProps({
+  showTabs: {
+    type: Boolean,
+    default: false,
+  },
+})
+
+const currentPage = ref(1)
 
 const configPageOptions = [
   {

src/components/config/pages/ProfileConfig.vue

@@ -2,7 +2,10 @@
   <ConfigSection :title="$t('config_options.profile_settings.profile_properties.title')" :icon-component="Type">
     <WIP />
   </ConfigSection>
-  <ConfigSection :title="$t('config_options.profile_settings.connection_type.title')" :icon-component="Cable">
+  <ConfigSection
+    v-if="false" :title="$t('config_options.profile_settings.connection_type.title')"
+    :icon-component="Cable">
+    <!-- TODO: Remove later if not needed -->
     <TabSelect v-model="connectionType" :options="connectionTypeOptions" />
   </ConfigSection>