refactor: replace spinners

Author: essenmitsosse

app/components/CollapsibleSection.vue

@@ -94,7 +94,7 @@ useHead({
         >
           <span
             v-if="isLoading"
-            class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+            class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
             aria-hidden="true"
           />
           <span

app/components/Org/MembersPanel.vue

@@ -407,7 +407,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoading && memberList.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon:rotate-180 w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.members.loading') }}</p>

app/components/Org/OperationsQueue.vue

@@ -162,7 +162,7 @@ function getStatusIcon(status: string): string {
     case 'approved':
       return 'i-lucide:check'
     case 'running':
-      return 'i-carbon:rotate-180'
+      return 'i-i-svg-spinners:ring-resize'
     case 'completed':
       return 'i-lucide:check-filled'
     case 'failed':

app/components/Org/TeamsPanel.vue

@@ -329,7 +329,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon:rotate-180 w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
+        class="i-i-svg-spinners:ring-resize w-5 h-5 text-fg-muted motion-safe:animate-spin mx-auto"
         aria-hidden="true"
       />
       <p class="font-mono text-sm text-fg-muted mt-2">{{ $t('org.teams.loading') }}</p>
@@ -388,7 +388,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-carbon:rotate-180 w-3 h-3 text-fg-muted motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-3 h-3 text-fg-muted motion-safe:animate-spin"
               aria-hidden="true"
             />
           </button>

app/components/Package/AccessControls.vue

@@ -173,7 +173,7 @@ watch(
     <!-- Loading state -->
     <div v-if="isLoadingCollaborators && collaboratorList.length === 0" class="py-4 text-center">
       <span
-        class="i-carbon:rotate-180 w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-i-svg-spinners:ring-resize w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>

app/components/Package/Versions.vue

@@ -440,7 +440,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="loadingTags.has(row.tag)"
-              class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />
@@ -595,7 +595,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
           >
             <span
               v-if="otherVersionsLoading"
-              class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+              class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
               data-testid="loading-spinner"
               aria-hidden="true"
             />

app/components/VersionSelector.vue

@@ -540,7 +540,7 @@ watch(
             >
               <span
                 v-if="group.isLoading"
-                class="i-carbon:rotate-180 w-3 h-3 motion-safe:animate-spin"
+                class="i-i-svg-spinners:ring-resize w-3 h-3 motion-safe:animate-spin"
                 aria-hidden="true"
               />
               <span