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">
+              <div class="text-caption text-medium-emphasis mb-1">
+                Type
+              </div>
+              <VSheet
+                border
+                rounded="lg"
+                class="pa-1"
+              >
                 <VBtnToggle
                   v-model="form.event_type"
                   mandatory
-                color="primary"
-                variant="outlined"
-                divided
+                  class="w-100"
                   density="comfortable"
                 >
                   <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

apps/app/themeConfig.ts

@@ -12,10 +12,10 @@ export const { themeConfig, layoutConfig } = defineThemeConfig({
     logo: h(
       'span',
       {
-        class: 'crewli-wordmark text-h5 font-weight-bold',
+        class: 'crewli-mark text-h5 font-weight-bold',
         style: 'line-height: 1.2; letter-spacing: -0.02em; color: rgb(var(--v-theme-primary));',
       },
-      'Crewli',
+      'C',
     ),
     contentWidth: ContentWidth.Boxed,
     contentLayoutNav: AppContentLayoutNav.Vertical,