feat: camelcase global components

frontend/src/components/project/ProjectSettingsDropdown.vue

@@ -9,7 +9,7 @@
 					class="dropdown-trigger"
 					@click="triggerProps.toggleOpen"
 				>
-					<icon
+					<Icon
 						icon="ellipsis-h"
 						class="icon"
 					/>

frontend/src/components/project/partials/FilterPopup.vue

@@ -7,7 +7,7 @@
 	>
 		{{ $t('filters.title') }}
 	</x-button>
-	<modal
+	<Modal
 		:enabled="modalOpen"
 		transition-name="fade"
 		:overflow="true"
@@ -22,7 +22,7 @@
 			@update:modelValue="emitChanges"
 			@showResultsButtonClicked="() => modalOpen = false"
 		/>
-	</modal>
+	</Modal>
 </template>
 
 <script setup lang="ts">

frontend/src/components/project/partials/Filters.vue

@@ -1,5 +1,5 @@
 <template>
-	<card
+	<Card
 		class="filters has-overflow"
 		:title="hasTitle ? $t('filters.title') : ''"
 		role="search"
@@ -40,7 +40,7 @@
 				{{ $t('filters.showResults') }}
 			</x-button>
 		</template>
-	</card>
+	</Card>
 </template>
 
 <script lang="ts">

frontend/src/components/project/partials/ProjectCard.vue

@@ -28,7 +28,7 @@
 				v-if="project.id < -1"
 				class="saved-filter-icon icon"
 			>
-				<icon icon="filter" />
+				<Icon icon="filter" />
 			</span>
 			{{ getProjectTitle(project) }}
 		</div>
@@ -47,7 +47,7 @@
 			:class="{'is-favorite': project.isFavorite}"
 			@click.prevent.stop="projectStore.toggleProjectFavorite(project)"
 		>
-			<icon :icon="project.isFavorite ? 'star' : ['far', 'star']" />
+			<Icon :icon="project.isFavorite ? 'star' : ['far', 'star']" />
 		</BaseButton>
 	</div>
 </template>

frontend/src/components/project/views/ProjectGantt.vue

@@ -5,7 +5,7 @@
 		:view-id
 	>
 		<template #default>
-			<card :has-content="false">
+			<Card :has-content="false">
 				<div class="gantt-options">
 					<div class="field">
 						<label
@@ -44,10 +44,10 @@
 						{{ $t('project.gantt.showTasksWithoutDates') }}
 					</FancyCheckbox>
 				</div>
-			</card>
+			</Card>
 
 			<div class="gantt-chart-container">
-				<card
+				<Card
 					:has-content="false"
 					:padding="false"
 					class="has-overflow"
@@ -64,7 +64,7 @@
 						v-if="canWrite"
 						@createTask="addGanttTask"
 					/>
-				</card>
+				</Card>
 			</div>
 		</template>
 	</ProjectWrapper>

frontend/src/components/project/views/ProjectKanban.vue

@@ -45,7 +45,7 @@
 										v-tooltip="$t('project.kanban.doneBucketHint')"
 										class="icon is-small has-text-success mr-2"
 									>
-										<icon icon="check-double" />
+										<Icon icon="check-double" />
 									</span>
 									<h2
 										class="title input"
@@ -246,7 +246,7 @@
 					</div>
 				</div>
 
-				<modal
+				<Modal
 					:enabled="showBucketDeleteModal"
 					@close="showBucketDeleteModal = false"
 					@submit="deleteBucket()"
@@ -261,7 +261,7 @@
 							{{ $t('project.kanban.deleteBucketText2') }}
 						</p>
 					</template>
-				</modal>
+				</Modal>
 			</div>
 		</template>
 	</ProjectWrapper>

frontend/src/components/project/views/ProjectList.vue

@@ -19,7 +19,7 @@
 				:class="{ 'is-loading': loading }"
 				class="loader-container is-max-width-desktop list-view"
 			>
-				<card
+				<Card
 					:padding="false"
 					:has-content="false"
 					class="has-overflow"
@@ -73,7 +73,7 @@
 							>
 								<template v-if="canWrite">
 									<span class="icon handle">
-										<icon icon="grip-lines" />
+										<Icon icon="grip-lines" />
 									</span>
 								</template>
 							</SingleTaskInProject>
@@ -84,7 +84,7 @@
 						:total-pages="totalPages"
 						:current-page="currentPage"
 					/>
-				</card>
+				</Card>
 			</div>
 		</template>
 	</ProjectWrapper>

frontend/src/components/project/views/ProjectTable.vue

@@ -18,7 +18,7 @@
 						</x-button>
 					</template>
 					<template #content="{isOpen}">
-						<card
+						<Card
 							class="columns-filter"
 							:class="{'is-open': isOpen}"
 						>
@@ -64,7 +64,7 @@
 							<FancyCheckbox v-model="activeColumns.createdBy">
 								{{ $t('task.attributes.createdBy') }}
 							</FancyCheckbox>
-						</card>
+						</Card>
 					</template>
 				</Popup>
 				<FilterPopup v-model="params" />
@@ -76,7 +76,7 @@
 				:class="{'is-loading': loading}"
 				class="loader-container"
 			>
-				<card
+				<Card
 					:padding="false"
 					:has-content="false"
 				>
@@ -260,7 +260,7 @@
 						:total-pages="totalPages"
 						:current-page="currentPage"
 					/>
-				</card>
+				</Card>
 			</div>
 		</template>
 	</ProjectWrapper>

frontend/src/components/project/views/ViewEditForm.vue

@@ -193,7 +193,7 @@ function handleBubbleSave() {
 						class="is-danger"
 						@click.prevent="() => view.bucketConfiguration.splice(index, 1)"
 					>
-						<icon icon="trash-alt" />
+						<Icon icon="trash-alt" />
 					</button>
 					<div class="filter-bucket-form">
 						<div class="field">