fix: rotate the right direction (#152)

Author: kovsu

app/components/OperationsQueue.vue

@@ -92,7 +92,7 @@ function getStatusIcon(status: string): string {
     case 'approved':
       return 'i-carbon-checkmark'
     case 'running':
-      return 'i-carbon-rotate'
+      return 'i-carbon-rotate-180'
     case 'completed':
       return 'i-carbon-checkmark-filled'
     case 'failed':

app/components/OrgMembersPanel.vue

@@ -387,7 +387,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoading && memberList.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon-rotate block w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-carbon-rotate-180 block 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">Loading members…</p>

app/components/OrgTeamsPanel.vue

@@ -327,7 +327,7 @@ watch(lastExecutionTime, () => {
     <!-- Loading state -->
     <div v-if="isLoadingTeams && teams.length === 0" class="p-8 text-center">
       <span
-        class="i-carbon-rotate block w-5 h-5 text-fg-muted animate-spin mx-auto"
+        class="i-carbon-rotate-180 block 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">Loading teams…</p>
@@ -382,7 +382,7 @@ watch(lastExecutionTime, () => {
             </span>
             <span
               v-if="isLoadingUsers[teamName]"
-              class="i-carbon-rotate w-3 h-3 text-fg-muted animate-spin"
+              class="i-carbon-rotate-180 w-3 h-3 text-fg-muted animate-spin"
               aria-hidden="true"
             />
           </button>

app/components/PackageAccessControls.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 block w-4 h-4 text-fg-muted animate-spin mx-auto"
+        class="i-carbon-rotate-180 block w-4 h-4 text-fg-muted animate-spin mx-auto"
         aria-hidden="true"
       />
     </div>

app/components/PackageVersions.vue

@@ -436,7 +436,7 @@ function getTagVersions(tag: string): VersionDisplay[] {
           <span
             class="w-4 h-4 flex items-center justify-center text-fg-subtle hover:text-fg transition-colors"
           >
-            <span v-if="otherVersionsLoading" class="i-carbon-rotate w-3 h-3 animate-spin" />
+            <span v-if="otherVersionsLoading" class="i-carbon-rotate-180 w-3 h-3 animate-spin" />
             <span
               v-else
               class="w-3 h-3 transition-transform duration-200"