fix: default custom css name

Author: zeevenn

apps/web/src/components/editor/CssEditor.vue

@@ -231,16 +231,14 @@ function exportCurrentTheme() {
             class="flex-1"
           >
             {{ item.title }}
-            <template v-if="!themeOptions.some(option => option.value === item.name)">
-              <Edit3
-                v-show="cssContentConfig.active === item.name" class="inline size-4 rounded-full p-0.5 transition-color hover:bg-gray-200 dark:hover:bg-gray-600"
-                @click="rename(item.name)"
-              />
-              <X
-                v-show="cssContentConfig.active === item.name" class="inline size-4 rounded-full p-0.5 transition-color hover:bg-gray-200 dark:hover:bg-gray-600"
-                @click.self="removeHandler(item.name)"
-              />
-            </template>
+            <Edit3
+              v-show="cssContentConfig.active === item.name" class="inline size-4 rounded-full p-0.5 transition-color hover:bg-gray-200 dark:hover:bg-gray-600"
+              @click="rename(item.name)"
+            />
+            <X
+              v-show="cssContentConfig.active === item.name" class="inline size-4 rounded-full p-0.5 transition-color hover:bg-gray-200 dark:hover:bg-gray-600"
+              @click.self="removeHandler(item.name)"
+            />
           </TabsTrigger>
           <TabsTrigger value="add">
             <Plus class="h-5 w-5" />