style: update icon rotation and transition for better UX

Author: SteKoe

spring-boot-admin-server-ui/src/main/frontend/index.css

@@ -77,16 +77,6 @@ th {
   @apply border-b border-gray-200;
 }
 
-.-rotate-90 {
-  --tw-rotate: -90deg;
-  transform: rotate(var(--tw-rotate));
-}
-
-.rotate-90 {
-  --tw-rotate: 90deg;
-  transform: rotate(var(--tw-rotate));
-}
-
 table.table-wide td {
   @apply px-2 py-1.5;
 }

spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue

@@ -112,10 +112,10 @@
               <template #title>
                 <div class="items-center inline-flex flex-row min-w-116">
                   <font-awesome-icon
-                    icon="chevron-down"
+                    icon="chevron-right"
+                    class="mr-2 transition-transform duration-200"
                     :class="{
-                      '-rotate-90': !isExpanded(group.name),
-                      'mr-2 transition-[transform]': true,
+                      'rotate-90': isExpanded(group.name),
                     }"
                   />
                   <sba-status-badge