feat: split settings management pages

app/globals.css

@@ -79,3 +79,47 @@ a,
 ::selection {
   background: color-mix(in oklch, var(--primary) 22%, transparent);
 }
+
+@keyframes page-enter {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes loading-progress {
+  0% {
+    transform: translateX(-100%);
+  }
+  55% {
+    transform: translateX(-18%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+
+.page-enter {
+  animation: page-enter 180ms ease-out both;
+}
+
+.table-row-enter {
+  animation: page-enter 160ms ease-out both;
+}
+
+.loading-progress {
+  width: 55%;
+  animation: loading-progress 900ms ease-in-out infinite;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .page-enter,
+  .table-row-enter,
+  .loading-progress {
+    animation: none;
+  }
+}