feat(app): polish event type selector and branding mark

Refine the event type segmented control styling and avoid duplicate "Crewli" text in the sidebar header.

Made-with: Cursor

apps/app/src/components/events/CreateEventDialog.vue

@@ -162,22 +162,34 @@ function onSubmit() {
             </VCol>
 
             <VCol cols="12">
-              <VBtnToggle
-                v-model="form.event_type"
-                mandatory
-                color="primary"
-                variant="outlined"
-                divided
-                density="comfortable"
+              <div class="text-caption text-medium-emphasis mb-1">
+                Type
+              </div>
+              <VSheet
+                border
+                rounded="lg"
+                class="pa-1"
               >
-                <VBtn
-                  v-for="opt in eventTypeOptions"
-                  :key="opt.value"
-                  :value="opt.value"
+                <VBtnToggle
+                  v-model="form.event_type"
+                  mandatory
+                  class="w-100"
+                  density="comfortable"
                 >
-                  {{ opt.title }}
-                </VBtn>
-              </VBtnToggle>
+                  <VBtn
+                    v-for="opt in eventTypeOptions"
+                    :key="opt.value"
+                    :value="opt.value"
+                    class="flex-grow-1 text-none"
+                    rounded="lg"
+                    :color="form.event_type === opt.value ? 'primary' : undefined"
+                    :variant="form.event_type === opt.value ? 'tonal' : 'text'"
+                    style="min-inline-size: 0;"
+                  >
+                    {{ opt.title }}
+                  </VBtn>
+                </VBtnToggle>
+              </VSheet>
             </VCol>
 
             <VCol