🚧 New editor nearly done

frontend/src/lib/editor/settings-card.svelte

@@ -4,7 +4,7 @@
 	export let data: EditorData;
 </script>
 
-<div class="w-full h-full p-20">
+<div class="w-full h-full pb-20 px-20">
 	<div class="rounded-lg bg-white w-full h-full border-gray-500">
 		<div class="h-fit bg-gray-300 rounded-t-lg">
 			<div class="flex align-middle p-4 gap-3">
@@ -24,9 +24,59 @@
 				<input
 					type="text"
 					bind:value={data.title}
-					class="p-3 rounded-lg border-gray-500 border text-center w-1/3"
+					class="p-3 rounded-lg border-gray-500 border text-center w-1/3 text-lg font-semibold"
 				/>
 			</div>
+			<div class="flex justify-center pt-10 w-full max-h-32">
+				<textarea
+					type="text"
+					bind:value={data.description}
+					class="p-3 rounded-lg border-gray-500 border text-center w-1/3 h-20 resize-none"
+				/>
+			</div>
+			<div class="pt-10">
+				<button
+					type="button"
+					on:click={() => {
+						data.public = !data.public;
+					}}
+					class="text-center w-full"
+				>
+					{#if data.public}
+						<svg
+							class="w-8 h-8 inline-block"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+							/>
+						</svg>
+						<span>Public</span>
+					{:else}
+						<svg
+							class="w-8 h-8 inline-block"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"
+							/>
+						</svg>
+						<span>Private</span>
+					{/if}
+				</button>
+			</div>
 		</div>
 	</div>
 </div>