Add orgs v1 deprecation notice

Signed-off-by: Alexis Sellier <self@cloudhead.io>

public/index.css

@@ -395,6 +395,15 @@ span.small, .text-xsmall {
 	font-size: 1.5rem;
 }
 
+.notice {
+	font-size: 0.875rem;
+	border-radius: 0.25rem;
+	color: var(--color-yellow);
+	background-color: var(--color-yellow-background);
+	padding: 1rem;
+	margin-bottom: 1rem;
+}
+
 button.error:hover {
 	background-color: var(--color-negative);
 }

src/base/orgs/Create.svelte

@@ -160,6 +160,11 @@
     <span slot="body">
       {#if state === State.Idle}
         <div class="configuration">
+          <div class="notice">
+            <strong>Notice:</strong> Orgs V1 are being deprecated. It is recommended
+            not to create new orgs at this point.
+          </div>
+
           <div class="governance">
             <Options name="governance" disabled={state !== State.Idle}
                      selected="{governance}" options={orgTypes}