✨feature: Wire up sites API listing, move add form to separate file

public/stylesheets/style.css

@@ -7,7 +7,6 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-blue-400: oklch(70.7% 0.165 254.624);
-    --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-300: oklch(86.9% 0.022 252.894);
     --color-slate-900: oklch(20.8% 0.042 265.755);
     --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -28,17 +27,12 @@
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
     --color-primary: oklch(0.57 0.203362 257.1706);
-    --color-primary-300: color-mix(in srgb, oklch(0.57 0.203362 257.1706) 30%, white);
-    @supports (color: color-mix(in lab, red, red)) {
-      --color-primary-300: color-mix(in oklch, var(--color-primary) 30%, white);
-    }
     --color-secondary: oklch(0.56 0.0176 257.23);
     --color-bodylinks: oklch(0.48 0.0789 211.58);
     --color-success: oklch(64.01% 0.1751 146.7);
     --color-info: oklch(0.55 0.0922 211.57);
     --color-warning: oklch(84.42% 0.1722 84.93);
     --text-18px: clamp(0.875rem, 0.9375vw, 1.9rem);
-    --text-20px: clamp(1rem,     1.0417vw, 2rem);
     --h1: calc(var(--text-base) * 2.25);
     --h2: calc(var(--text-base) * 1.75);
     --h3: calc(var(--text-base) * 1.5);
@@ -1253,6 +1247,9 @@
       }
     }
   }
+  .static {
+    position: static;
+  }
   .textarea {
     border: var(--border) solid #0000;
     min-height: calc(0.25rem * 20);
@@ -1396,6 +1393,11 @@
       }
     }
   }
+  .drawer-content {
+    grid-column-start: 2;
+    grid-row-start: 1;
+    min-width: calc(0.25rem * 0);
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -1920,9 +1922,6 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
-  .mr-4 {
-    margin-right: calc(var(--spacing) * 4);
-  }
   .fieldset-legend {
     margin-bottom: calc(0.25rem * -1);
     display: flex;
@@ -2101,12 +2100,6 @@
   .flex {
     display: flex;
   }
-  .inline-block {
-    display: inline-block;
-  }
-  .list-item {
-    display: list-item;
-  }
   .table {
     display: table;
   }
@@ -2188,16 +2181,41 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .rounded {
+    border-radius: 0.25rem;
+  }
   .rounded-box {
     border-radius: var(--radius-box);
   }
   .rounded-box {
     border-radius: var(--radius-box);
   }
+  .rounded-r {
+    border-top-right-radius: 0.25rem;
+    border-bottom-right-radius: 0.25rem;
+  }
+  .rounded-r-none {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-r-0 {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 0px;
+  }
+  .border-l-0 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 0px;
+  }
+  .border-base-200 {
+    border-color: var(--color-base-200);
+  }
+  .border-base-300 {
+    border-color: var(--color-base-300);
+  }
   .bg-base-100 {
     background-color: var(--color-base-100);
   }
@@ -2225,9 +2243,6 @@
   .text-18px {
     font-size: var(--text-18px);
   }
-  .text-20px {
-    font-size: var(--text-20px);
-  }
   .text-wrap {
     text-wrap: wrap;
   }
@@ -2240,9 +2255,6 @@
   .text-gray-800 {
     color: var(--color-gray-800);
   }
-  .text-slate-200 {
-    color: var(--color-slate-200);
-  }
   .text-slate-300 {
     color: var(--color-slate-300);
   }
@@ -2272,6 +2284,10 @@
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .badge-error {
     --badge-color: var(--color-error);
     --badge-fg: var(--color-error-content);