feat: align sort icon color

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

@@ -278,7 +278,7 @@ import PriorityLabel from '@/components/tasks/partials/priorityLabel.vue'
 import Labels from '@/components/tasks/partials/labels.vue'
 import DateTableCell from '@/components/tasks/partials/date-table-cell.vue'
 import Fancycheckbox from '@/components/input/fancycheckbox.vue'
-import Sort from '@/components/tasks/partials/sort.vue'
+import Sort from '@/components/tasks/partials/Sort.vue'
 import FilterPopup from '@/components/project/partials/filter-popup.vue'
 import Pagination from '@/components/misc/pagination.vue'
 import Popup from '@/components/misc/popup.vue'

frontend/src/components/tasks/partials/Sort.vue

@@ -1,31 +1,36 @@
 <template>
 	<BaseButton>
-		<icon
+		<Icon
 			v-if="order === 'asc'"
 			icon="sort-up"
+			class="sort__icon"
 		/>
-		<icon
+		<Icon
 			v-else-if="order === 'desc'"
 			icon="sort-up"
 			rotation="180"
+			class="sort__icon"
 		/>
-		<icon
+		<Icon
 			v-else
 			icon="sort"
+			class="sort__icon"
 		/>
 	</BaseButton>
 </template>
 
 <script setup lang="ts">
-import type {PropType} from 'vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 
-type Order = 'asc' | 'desc' | 'none'
-
-defineProps({
-	order: {
-		type: String as PropType<Order>,
-		default: 'none',
-	},
+withDefaults(defineProps<{
+	order?: 'asc' | 'desc' | 'none'
+}>(), {
+	order: 'none',
 })
 </script>
+
+<style lang="scss" scoped>
+.sort__icon {
+	color: var(--grey-400);
+}
+</style>