From 06f57b0b58856f36c6ea6109236e36240bf4649b Mon Sep 17 00:00:00 2001
From: ykdojo <yksu4p@gmail.com>
Date: Wed, 24 Aug 2022 09:52:09 -0700
Subject: [PATCH 1/6] feat: create submit.tsx

---
 src/pages/submit.tsx | 357 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 357 insertions(+)
 create mode 100644 src/pages/submit.tsx

diff --git a/src/pages/submit.tsx b/src/pages/submit.tsx
new file mode 100644
index 0000000..3a732f5
--- /dev/null
+++ b/src/pages/submit.tsx
@@ -0,0 +1,357 @@
+export default function Submit() {
+	return (
+		<main className='flex justify-center bg-gray-100 py-12 px-3 sm:px-12'>
+			<div className='bg-white p-4 shadow-lg'>
+				<form className='space-y-8 divide-y divide-gray-200'>
+					<div className='space-y-8 divide-y divide-gray-200'>
+						<div>
+							<div>
+								<h2 className='text-xl font-medium leading-6 text-gray-900'>Submit a question</h2>
+							</div>
+
+							<div className='mt-6 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6'>
+								<div className='sm:col-span-4'>
+									<label htmlFor='company' className='block text-sm font-medium text-gray-700'>
+										Company
+									</label>
+									<div className='mt-1 flex rounded-md shadow-sm'>
+										<input
+											type='text'
+											name='Company'
+											id='company'
+											className='block w-full min-w-0 flex-1 rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-6'>
+									<label htmlFor='about' className='block text-sm font-medium text-gray-700'>
+										About
+									</label>
+									<div className='mt-1'>
+										<textarea
+											id='about'
+											name='about'
+											rows={3}
+											className='block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+											defaultValue={''}
+										/>
+									</div>
+									<p className='mt-2 text-sm text-gray-500'>Write a few sentences about yourself.</p>
+								</div>
+
+								<div className='sm:col-span-6'>
+									<label htmlFor='photo' className='block text-sm font-medium text-gray-700'>
+										Photo
+									</label>
+									<div className='mt-1 flex items-center'>
+										<span className='h-12 w-12 overflow-hidden rounded-full bg-gray-100'>
+											<svg className='h-full w-full text-gray-300' fill='currentColor' viewBox='0 0 24 24'>
+												<path d='M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z' />
+											</svg>
+										</span>
+										<button
+											type='button'
+											className='ml-5 rounded-md border border-gray-300 bg-white py-2 px-3 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2'
+										>
+											Change
+										</button>
+									</div>
+								</div>
+
+								<div className='sm:col-span-6'>
+									<label htmlFor='cover-photo' className='block text-sm font-medium text-gray-700'>
+										Cover photo
+									</label>
+									<div className='mt-1 flex justify-center rounded-md border-2 border-dashed border-gray-300 px-6 pt-5 pb-6'>
+										<div className='space-y-1 text-center'>
+											<svg
+												className='mx-auto h-12 w-12 text-gray-400'
+												stroke='currentColor'
+												fill='none'
+												viewBox='0 0 48 48'
+												aria-hidden='true'
+											>
+												<path
+													d='M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02'
+													strokeWidth={2}
+													strokeLinecap='round'
+													strokeLinejoin='round'
+												/>
+											</svg>
+											<div className='flex text-sm text-gray-600'>
+												<label
+													htmlFor='file-upload'
+													className='relative cursor-pointer rounded-md bg-white font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500'
+												>
+													<span>Upload a file</span>
+													<input id='file-upload' name='file-upload' type='file' className='sr-only' />
+												</label>
+												<p className='pl-1'>or drag and drop</p>
+											</div>
+											<p className='text-xs text-gray-500'>PNG, JPG, GIF up to 10MB</p>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div className='pt-8'>
+							<div>
+								<h3 className='text-lg font-medium leading-6 text-gray-900'>Personal Information</h3>
+								<p className='mt-1 text-sm text-gray-500'>Use a permanent address where you can receive mail.</p>
+							</div>
+							<div className='mt-6 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6'>
+								<div className='sm:col-span-3'>
+									<label htmlFor='first-name' className='block text-sm font-medium text-gray-700'>
+										First name
+									</label>
+									<div className='mt-1'>
+										<input
+											type='text'
+											name='first-name'
+											id='first-name'
+											autoComplete='given-name'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-3'>
+									<label htmlFor='last-name' className='block text-sm font-medium text-gray-700'>
+										Last name
+									</label>
+									<div className='mt-1'>
+										<input
+											type='text'
+											name='last-name'
+											id='last-name'
+											autoComplete='family-name'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-4'>
+									<label htmlFor='email' className='block text-sm font-medium text-gray-700'>
+										Email address
+									</label>
+									<div className='mt-1'>
+										<input
+											id='email'
+											name='email'
+											type='email'
+											autoComplete='email'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-3'>
+									<label htmlFor='country' className='block text-sm font-medium text-gray-700'>
+										Country
+									</label>
+									<div className='mt-1'>
+										<select
+											id='country'
+											name='country'
+											autoComplete='country-name'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										>
+											<option>United States</option>
+											<option>Canada</option>
+											<option>Mexico</option>
+										</select>
+									</div>
+								</div>
+
+								<div className='sm:col-span-6'>
+									<label htmlFor='street-address' className='block text-sm font-medium text-gray-700'>
+										Street address
+									</label>
+									<div className='mt-1'>
+										<input
+											type='text'
+											name='street-address'
+											id='street-address'
+											autoComplete='street-address'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-2'>
+									<label htmlFor='city' className='block text-sm font-medium text-gray-700'>
+										City
+									</label>
+									<div className='mt-1'>
+										<input
+											type='text'
+											name='city'
+											id='city'
+											autoComplete='address-level2'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-2'>
+									<label htmlFor='region' className='block text-sm font-medium text-gray-700'>
+										State / Province
+									</label>
+									<div className='mt-1'>
+										<input
+											type='text'
+											name='region'
+											id='region'
+											autoComplete='address-level1'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
+								<div className='sm:col-span-2'>
+									<label htmlFor='postal-code' className='block text-sm font-medium text-gray-700'>
+										ZIP / Postal code
+									</label>
+									<div className='mt-1'>
+										<input
+											type='text'
+											name='postal-code'
+											id='postal-code'
+											autoComplete='postal-code'
+											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div className='pt-8'>
+							<div>
+								<h3 className='text-lg font-medium leading-6 text-gray-900'>Notifications</h3>
+								<p className='mt-1 text-sm text-gray-500'>
+									We&apos;ll always let you know about important changes, but you pick what else you want to hear about.
+								</p>
+							</div>
+							<div className='mt-6'>
+								<fieldset>
+									<legend className='sr-only'>By Email</legend>
+									<div className='text-base font-medium text-gray-900' aria-hidden='true'>
+										By Email
+									</div>
+									<div className='mt-4 space-y-4'>
+										<div className='relative flex items-start'>
+											<div className='flex h-5 items-center'>
+												<input
+													id='comments'
+													name='comments'
+													type='checkbox'
+													className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
+												/>
+											</div>
+											<div className='ml-3 text-sm'>
+												<label htmlFor='comments' className='font-medium text-gray-700'>
+													Comments
+												</label>
+												<p className='text-gray-500'>Get notified when someones posts a comment on a posting.</p>
+											</div>
+										</div>
+										<div className='relative flex items-start'>
+											<div className='flex h-5 items-center'>
+												<input
+													id='candidates'
+													name='candidates'
+													type='checkbox'
+													className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
+												/>
+											</div>
+											<div className='ml-3 text-sm'>
+												<label htmlFor='candidates' className='font-medium text-gray-700'>
+													Candidates
+												</label>
+												<p className='text-gray-500'>Get notified when a candidate applies for a job.</p>
+											</div>
+										</div>
+										<div className='relative flex items-start'>
+											<div className='flex h-5 items-center'>
+												<input
+													id='offers'
+													name='offers'
+													type='checkbox'
+													className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
+												/>
+											</div>
+											<div className='ml-3 text-sm'>
+												<label htmlFor='offers' className='font-medium text-gray-700'>
+													Offers
+												</label>
+												<p className='text-gray-500'>Get notified when a candidate accepts or rejects an offer.</p>
+											</div>
+										</div>
+									</div>
+								</fieldset>
+								<fieldset className='mt-6'>
+									<legend className='contents text-base font-medium text-gray-900'>Push Notifications</legend>
+									<p className='text-sm text-gray-500'>These are delivered via SMS to your mobile phone.</p>
+									<div className='mt-4 space-y-4'>
+										<div className='flex items-center'>
+											<input
+												id='push-everything'
+												name='push-notifications'
+												type='radio'
+												className='h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500'
+											/>
+											<label htmlFor='push-everything' className='ml-3 block text-sm font-medium text-gray-700'>
+												Everything
+											</label>
+										</div>
+										<div className='flex items-center'>
+											<input
+												id='push-email'
+												name='push-notifications'
+												type='radio'
+												className='h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500'
+											/>
+											<label htmlFor='push-email' className='ml-3 block text-sm font-medium text-gray-700'>
+												Same as email
+											</label>
+										</div>
+										<div className='flex items-center'>
+											<input
+												id='push-nothing'
+												name='push-notifications'
+												type='radio'
+												className='h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500'
+											/>
+											<label htmlFor='push-nothing' className='ml-3 block text-sm font-medium text-gray-700'>
+												No push notifications
+											</label>
+										</div>
+									</div>
+								</fieldset>
+							</div>
+						</div>
+					</div>
+
+					<div className='pt-5'>
+						<div className='flex justify-end'>
+							<button
+								type='button'
+								className='rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2'
+							>
+								Cancel
+							</button>
+							<button
+								type='submit'
+								className='ml-3 inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2'
+							>
+								Save
+							</button>
+						</div>
+					</div>
+				</form>
+			</div>
+		</main>
+	);
+}

From 384436e0874019648c1258c8172f301e2c9165db Mon Sep 17 00:00:00 2001
From: ykdojo <yksu4p@gmail.com>
Date: Wed, 24 Aug 2022 13:04:13 -0700
Subject: [PATCH 2/6] style: installed @tailwindcss/forms

---
 package-lock.json  | 315 ++++++++++++++++-----------------------------
 package.json       |   1 +
 tailwind.config.js |   2 +-
 3 files changed, 114 insertions(+), 204 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1466a34..8f1f177 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
 			"license": "MIT",
 			"dependencies": {
 				"@supabase/supabase-js": "^1.35.6",
+				"@tailwindcss/forms": "^0.5.2",
 				"next": "12.2.5",
 				"react": "18.2.0",
 				"react-dom": "18.2.0",
@@ -467,7 +468,7 @@
 			"version": "0.8.1",
 			"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
 			"integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-			"dev": true,
+			"devOptional": true,
 			"dependencies": {
 				"@jridgewell/trace-mapping": "0.3.9"
 			},
@@ -597,7 +598,7 @@
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
 			"integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-			"dev": true,
+			"devOptional": true,
 			"engines": {
 				"node": ">=6.0.0"
 			}
@@ -606,13 +607,13 @@
 			"version": "1.4.14",
 			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
 			"integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/@jridgewell/trace-mapping": {
 			"version": "0.3.9",
 			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
 			"integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-			"dev": true,
+			"devOptional": true,
 			"dependencies": {
 				"@jridgewell/resolve-uri": "^3.0.3",
 				"@jridgewell/sourcemap-codec": "^1.4.10"
@@ -851,7 +852,6 @@
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
 			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-			"dev": true,
 			"dependencies": {
 				"@nodelib/fs.stat": "2.0.5",
 				"run-parallel": "^1.1.9"
@@ -864,7 +864,6 @@
 			"version": "2.0.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
 			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-			"dev": true,
 			"engines": {
 				"node": ">= 8"
 			}
@@ -873,7 +872,6 @@
 			"version": "1.2.8",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
 			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-			"dev": true,
 			"dependencies": {
 				"@nodelib/fs.scandir": "2.1.5",
 				"fastq": "^1.6.0"
@@ -949,29 +947,40 @@
 				"tslib": "^2.4.0"
 			}
 		},
+		"node_modules/@tailwindcss/forms": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.2.tgz",
+			"integrity": "sha512-pSrFeJB6Bg1Mrg9CdQW3+hqZXAKsBrSG9MAfFLKy1pVA4Mb4W7C0k7mEhlmS2Dfo/otxrQOET7NJiJ9RrS563w==",
+			"dependencies": {
+				"mini-svg-data-uri": "^1.2.3"
+			},
+			"peerDependencies": {
+				"tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+			}
+		},
 		"node_modules/@tsconfig/node10": {
 			"version": "1.0.9",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
 			"integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/@tsconfig/node12": {
 			"version": "1.0.11",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
 			"integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/@tsconfig/node14": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
 			"integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/@tsconfig/node16": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz",
 			"integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/@types/json5": {
 			"version": "0.0.29",
@@ -989,7 +998,7 @@
 			"version": "18.7.2",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.2.tgz",
 			"integrity": "sha512-ce7MIiaYWCFv6A83oEultwhBXb22fxwNOQf5DIxWA4WXvDQ7K+L0fbWl/YOfCzlR5B/uFkSnVBhPcOfOECcWvA==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/@types/normalize-package-data": {
 			"version": "2.4.1",
@@ -1191,7 +1200,7 @@
 			"version": "8.8.0",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
 			"integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==",
-			"dev": true,
+			"devOptional": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -1212,7 +1221,6 @@
 			"version": "1.8.2",
 			"resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
 			"integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-			"dev": true,
 			"dependencies": {
 				"acorn": "^7.0.0",
 				"acorn-walk": "^7.0.0",
@@ -1223,7 +1231,6 @@
 			"version": "7.4.1",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
 			"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-			"dev": true,
 			"bin": {
 				"acorn": "bin/acorn"
 			},
@@ -1235,7 +1242,6 @@
 			"version": "7.2.0",
 			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
 			"integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.4.0"
 			}
@@ -1244,7 +1250,7 @@
 			"version": "8.2.0",
 			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
 			"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
-			"dev": true,
+			"devOptional": true,
 			"engines": {
 				"node": ">=0.4.0"
 			}
@@ -1333,7 +1339,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
 			"integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-			"dev": true,
 			"dependencies": {
 				"normalize-path": "^3.0.0",
 				"picomatch": "^2.0.4"
@@ -1346,7 +1351,7 @@
 			"version": "4.1.3",
 			"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
 			"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/argparse": {
 			"version": "2.0.1",
@@ -1519,7 +1524,6 @@
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
 			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-			"dev": true,
 			"engines": {
 				"node": ">=8"
 			}
@@ -1538,7 +1542,6 @@
 			"version": "3.0.2",
 			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
 			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
 			"dependencies": {
 				"fill-range": "^7.0.1"
 			},
@@ -1621,7 +1624,6 @@
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
 			"integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@@ -1678,7 +1680,6 @@
 			"version": "3.5.3",
 			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
 			"integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "individual",
@@ -1705,7 +1706,6 @@
 			"version": "5.1.2",
 			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
 			"dependencies": {
 				"is-glob": "^4.0.1"
 			},
@@ -1826,8 +1826,7 @@
 		"node_modules/color-name": {
 			"version": "1.1.4",
 			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
 		},
 		"node_modules/colorette": {
 			"version": "2.0.19",
@@ -1943,7 +1942,7 @@
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
 			"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/cross-fetch": {
 			"version": "3.1.5",
@@ -1971,7 +1970,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
 			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-			"dev": true,
 			"bin": {
 				"cssesc": "bin/cssesc"
 			},
@@ -2073,14 +2071,12 @@
 		"node_modules/defined": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
-			"integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==",
-			"dev": true
+			"integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ=="
 		},
 		"node_modules/detective": {
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
 			"integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
-			"dev": true,
 			"dependencies": {
 				"acorn-node": "^1.8.2",
 				"defined": "^1.0.0",
@@ -2096,14 +2092,13 @@
 		"node_modules/didyoumean": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-			"dev": true
+			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
 		},
 		"node_modules/diff": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
 			"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-			"dev": true,
+			"devOptional": true,
 			"engines": {
 				"node": ">=0.3.1"
 			}
@@ -2123,8 +2118,7 @@
 		"node_modules/dlv": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-			"dev": true
+			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
 		},
 		"node_modules/doctrine": {
 			"version": "3.0.0",
@@ -2916,7 +2910,6 @@
 			"version": "3.2.11",
 			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
 			"integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
-			"dev": true,
 			"dependencies": {
 				"@nodelib/fs.stat": "^2.0.2",
 				"@nodelib/fs.walk": "^1.2.3",
@@ -2932,7 +2925,6 @@
 			"version": "5.1.2",
 			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
 			"dependencies": {
 				"is-glob": "^4.0.1"
 			},
@@ -2956,7 +2948,6 @@
 			"version": "1.13.0",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
 			"integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-			"dev": true,
 			"dependencies": {
 				"reusify": "^1.0.4"
 			}
@@ -2977,7 +2968,6 @@
 			"version": "7.0.1",
 			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
 			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
 			"dependencies": {
 				"to-regex-range": "^5.0.1"
 			},
@@ -3054,7 +3044,6 @@
 			"version": "2.3.2",
 			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
 			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"dev": true,
 			"hasInstallScript": true,
 			"optional": true,
 			"os": [
@@ -3067,8 +3056,7 @@
 		"node_modules/function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-			"dev": true
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
 		},
 		"node_modules/function.prototype.name": {
 			"version": "1.1.5",
@@ -3197,7 +3185,6 @@
 			"version": "6.0.2",
 			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
 			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-			"dev": true,
 			"dependencies": {
 				"is-glob": "^4.0.3"
 			},
@@ -3289,7 +3276,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
 			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
 			"dependencies": {
 				"function-bind": "^1.1.1"
 			},
@@ -3500,7 +3486,6 @@
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
 			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-			"dev": true,
 			"dependencies": {
 				"binary-extensions": "^2.0.0"
 			},
@@ -3540,7 +3525,6 @@
 			"version": "2.10.0",
 			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
 			"integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
-			"dev": true,
 			"dependencies": {
 				"has": "^1.0.3"
 			},
@@ -3567,7 +3551,6 @@
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
 			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -3585,7 +3568,6 @@
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-			"dev": true,
 			"dependencies": {
 				"is-extglob": "^2.1.1"
 			},
@@ -3609,7 +3591,6 @@
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
 			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.12.0"
 			}
@@ -3890,7 +3871,6 @@
 			"version": "2.0.5",
 			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.5.tgz",
 			"integrity": "sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==",
-			"dev": true,
 			"engines": {
 				"node": ">=10"
 			}
@@ -4230,7 +4210,7 @@
 			"version": "1.3.6",
 			"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
 			"integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/map-obj": {
 			"version": "4.3.0",
@@ -4279,7 +4259,6 @@
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
 			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-			"dev": true,
 			"engines": {
 				"node": ">= 8"
 			}
@@ -4288,7 +4267,6 @@
 			"version": "4.0.5",
 			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
 			"integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-			"dev": true,
 			"dependencies": {
 				"braces": "^3.0.2",
 				"picomatch": "^2.3.1"
@@ -4315,6 +4293,14 @@
 				"node": ">=4"
 			}
 		},
+		"node_modules/mini-svg-data-uri": {
+			"version": "1.4.4",
+			"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+			"integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+			"bin": {
+				"mini-svg-data-uri": "cli.js"
+			}
+		},
 		"node_modules/minimatch": {
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -4330,8 +4316,7 @@
 		"node_modules/minimist": {
 			"version": "1.2.6",
 			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
-			"dev": true
+			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
 		},
 		"node_modules/minimist-options": {
 			"version": "4.1.0",
@@ -4503,7 +4488,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
 			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -4542,7 +4526,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
 			"integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@@ -4796,8 +4779,7 @@
 		"node_modules/path-parse": {
 			"version": "1.0.7",
 			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-			"dev": true
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
 		},
 		"node_modules/path-type": {
 			"version": "4.0.0",
@@ -4817,7 +4799,6 @@
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
 			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-			"dev": true,
 			"engines": {
 				"node": ">=8.6"
 			},
@@ -4841,7 +4822,6 @@
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
 			"integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@@ -4850,7 +4830,6 @@
 			"version": "8.4.16",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
 			"integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "opencollective",
@@ -4874,7 +4853,6 @@
 			"version": "14.1.0",
 			"resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
 			"integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
-			"dev": true,
 			"dependencies": {
 				"postcss-value-parser": "^4.0.0",
 				"read-cache": "^1.0.0",
@@ -4891,7 +4869,6 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
 			"integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
-			"dev": true,
 			"dependencies": {
 				"camelcase-css": "^2.0.1"
 			},
@@ -4910,7 +4887,6 @@
 			"version": "3.1.4",
 			"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
 			"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-			"dev": true,
 			"dependencies": {
 				"lilconfig": "^2.0.5",
 				"yaml": "^1.10.2"
@@ -4939,7 +4915,6 @@
 			"version": "5.0.6",
 			"resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
 			"integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
-			"dev": true,
 			"dependencies": {
 				"postcss-selector-parser": "^6.0.6"
 			},
@@ -4958,7 +4933,6 @@
 			"version": "6.0.10",
 			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
 			"integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-			"dev": true,
 			"dependencies": {
 				"cssesc": "^3.0.0",
 				"util-deprecate": "^1.0.2"
@@ -4970,8 +4944,7 @@
 		"node_modules/postcss-value-parser": {
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-			"dev": true
+			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
 		},
 		"node_modules/prelude-ls": {
 			"version": "1.2.1",
@@ -5043,7 +5016,6 @@
 			"version": "1.2.3",
 			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
 			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -5109,7 +5081,6 @@
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
 			"integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-			"dev": true,
 			"dependencies": {
 				"pify": "^2.3.0"
 			}
@@ -5209,7 +5180,6 @@
 			"version": "3.6.0",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
 			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-			"dev": true,
 			"dependencies": {
 				"picomatch": "^2.2.1"
 			},
@@ -5287,7 +5257,6 @@
 			"version": "1.22.1",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
 			"integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
-			"dev": true,
 			"dependencies": {
 				"is-core-module": "^2.9.0",
 				"path-parse": "^1.0.7",
@@ -5338,7 +5307,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
 			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-			"dev": true,
 			"engines": {
 				"iojs": ">=1.0.0",
 				"node": ">=0.10.0"
@@ -5369,7 +5337,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
 			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@@ -5747,7 +5714,6 @@
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
 			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-			"dev": true,
 			"engines": {
 				"node": ">= 0.4"
 			},
@@ -5759,7 +5725,6 @@
 			"version": "3.1.8",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz",
 			"integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==",
-			"dev": true,
 			"dependencies": {
 				"arg": "^5.0.2",
 				"chokidar": "^3.5.3",
@@ -5798,14 +5763,12 @@
 		"node_modules/tailwindcss/node_modules/arg": {
 			"version": "5.0.2",
 			"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-			"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-			"dev": true
+			"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
 		},
 		"node_modules/tailwindcss/node_modules/lilconfig": {
 			"version": "2.0.6",
 			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz",
 			"integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==",
-			"dev": true,
 			"engines": {
 				"node": ">=10"
 			}
@@ -5814,7 +5777,6 @@
 			"version": "5.1.1",
 			"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
 			"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-			"dev": true,
 			"engines": {
 				"node": ">=10"
 			},
@@ -5856,7 +5818,6 @@
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
 			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
 			"dependencies": {
 				"is-number": "^7.0.0"
 			},
@@ -5882,7 +5843,7 @@
 			"version": "10.9.1",
 			"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
 			"integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
-			"dev": true,
+			"devOptional": true,
 			"dependencies": {
 				"@cspotcode/source-map-support": "^0.8.0",
 				"@tsconfig/node10": "^1.0.7",
@@ -6000,7 +5961,7 @@
 			"version": "4.7.4",
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz",
 			"integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
-			"dev": true,
+			"devOptional": true,
 			"bin": {
 				"tsc": "bin/tsc",
 				"tsserver": "bin/tsserver"
@@ -6091,8 +6052,7 @@
 		"node_modules/util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
 		},
 		"node_modules/v8-compile-cache": {
 			"version": "2.3.0",
@@ -6104,7 +6064,7 @@
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
 			"integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-			"dev": true
+			"devOptional": true
 		},
 		"node_modules/validate-npm-package-license": {
 			"version": "3.0.4",
@@ -6213,7 +6173,6 @@
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
 			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.4"
 			}
@@ -6245,7 +6204,6 @@
 			"version": "1.10.2",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
 			"integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@@ -6290,7 +6248,7 @@
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
 			"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-			"dev": true,
+			"devOptional": true,
 			"engines": {
 				"node": ">=6"
 			}
@@ -6639,7 +6597,7 @@
 			"version": "0.8.1",
 			"resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
 			"integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-			"dev": true,
+			"devOptional": true,
 			"requires": {
 				"@jridgewell/trace-mapping": "0.3.9"
 			}
@@ -6740,19 +6698,19 @@
 			"version": "3.1.0",
 			"resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
 			"integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
-			"dev": true
+			"devOptional": true
 		},
 		"@jridgewell/sourcemap-codec": {
 			"version": "1.4.14",
 			"resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
 			"integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
-			"dev": true
+			"devOptional": true
 		},
 		"@jridgewell/trace-mapping": {
 			"version": "0.3.9",
 			"resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
 			"integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-			"dev": true,
+			"devOptional": true,
 			"requires": {
 				"@jridgewell/resolve-uri": "^3.0.3",
 				"@jridgewell/sourcemap-codec": "^1.4.10"
@@ -6870,7 +6828,6 @@
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
 			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-			"dev": true,
 			"requires": {
 				"@nodelib/fs.stat": "2.0.5",
 				"run-parallel": "^1.1.9"
@@ -6879,14 +6836,12 @@
 		"@nodelib/fs.stat": {
 			"version": "2.0.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-			"dev": true
+			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
 		},
 		"@nodelib/fs.walk": {
 			"version": "1.2.8",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
 			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-			"dev": true,
 			"requires": {
 				"@nodelib/fs.scandir": "2.1.5",
 				"fastq": "^1.6.0"
@@ -6959,29 +6914,37 @@
 				"tslib": "^2.4.0"
 			}
 		},
+		"@tailwindcss/forms": {
+			"version": "0.5.2",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.2.tgz",
+			"integrity": "sha512-pSrFeJB6Bg1Mrg9CdQW3+hqZXAKsBrSG9MAfFLKy1pVA4Mb4W7C0k7mEhlmS2Dfo/otxrQOET7NJiJ9RrS563w==",
+			"requires": {
+				"mini-svg-data-uri": "^1.2.3"
+			}
+		},
 		"@tsconfig/node10": {
 			"version": "1.0.9",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
 			"integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
-			"dev": true
+			"devOptional": true
 		},
 		"@tsconfig/node12": {
 			"version": "1.0.11",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
 			"integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-			"dev": true
+			"devOptional": true
 		},
 		"@tsconfig/node14": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
 			"integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-			"dev": true
+			"devOptional": true
 		},
 		"@tsconfig/node16": {
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz",
 			"integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==",
-			"dev": true
+			"devOptional": true
 		},
 		"@types/json5": {
 			"version": "0.0.29",
@@ -6999,7 +6962,7 @@
 			"version": "18.7.2",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.2.tgz",
 			"integrity": "sha512-ce7MIiaYWCFv6A83oEultwhBXb22fxwNOQf5DIxWA4WXvDQ7K+L0fbWl/YOfCzlR5B/uFkSnVBhPcOfOECcWvA==",
-			"dev": true
+			"devOptional": true
 		},
 		"@types/normalize-package-data": {
 			"version": "2.4.1",
@@ -7141,7 +7104,7 @@
 			"version": "8.8.0",
 			"resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.0.tgz",
 			"integrity": "sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==",
-			"dev": true
+			"devOptional": true
 		},
 		"acorn-jsx": {
 			"version": "5.3.2",
@@ -7154,7 +7117,6 @@
 			"version": "1.8.2",
 			"resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
 			"integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
-			"dev": true,
 			"requires": {
 				"acorn": "^7.0.0",
 				"acorn-walk": "^7.0.0",
@@ -7164,14 +7126,12 @@
 				"acorn": {
 					"version": "7.4.1",
 					"resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-					"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-					"dev": true
+					"integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
 				},
 				"acorn-walk": {
 					"version": "7.2.0",
 					"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-					"integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-					"dev": true
+					"integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA=="
 				}
 			}
 		},
@@ -7179,7 +7139,7 @@
 			"version": "8.2.0",
 			"resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
 			"integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
-			"dev": true
+			"devOptional": true
 		},
 		"aggregate-error": {
 			"version": "3.1.0",
@@ -7239,7 +7199,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.2.tgz",
 			"integrity": "sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg==",
-			"dev": true,
 			"requires": {
 				"normalize-path": "^3.0.0",
 				"picomatch": "^2.0.4"
@@ -7249,7 +7208,7 @@
 			"version": "4.1.3",
 			"resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
 			"integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-			"dev": true
+			"devOptional": true
 		},
 		"argparse": {
 			"version": "2.0.1",
@@ -7369,8 +7328,7 @@
 		"binary-extensions": {
 			"version": "2.2.0",
 			"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
-			"dev": true
+			"integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA=="
 		},
 		"brace-expansion": {
 			"version": "1.1.11",
@@ -7386,7 +7344,6 @@
 			"version": "3.0.2",
 			"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
 			"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
-			"dev": true,
 			"requires": {
 				"fill-range": "^7.0.1"
 			}
@@ -7436,8 +7393,7 @@
 		"camelcase-css": {
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-			"integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-			"dev": true
+			"integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
 		},
 		"camelcase-keys": {
 			"version": "6.2.2",
@@ -7469,7 +7425,6 @@
 			"version": "3.5.3",
 			"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
 			"integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
-			"dev": true,
 			"requires": {
 				"anymatch": "~3.1.2",
 				"braces": "~3.0.2",
@@ -7485,7 +7440,6 @@
 					"version": "5.1.2",
 					"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 					"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-					"dev": true,
 					"requires": {
 						"is-glob": "^4.0.1"
 					}
@@ -7574,8 +7528,7 @@
 		"color-name": {
 			"version": "1.1.4",
 			"resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-			"dev": true
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
 		},
 		"colorette": {
 			"version": "2.0.19",
@@ -7662,7 +7615,7 @@
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
 			"integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-			"dev": true
+			"devOptional": true
 		},
 		"cross-fetch": {
 			"version": "3.1.5",
@@ -7686,8 +7639,7 @@
 		"cssesc": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-			"dev": true
+			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
 		},
 		"csstype": {
 			"version": "3.1.0",
@@ -7767,14 +7719,12 @@
 		"defined": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
-			"integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==",
-			"dev": true
+			"integrity": "sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ=="
 		},
 		"detective": {
 			"version": "5.2.1",
 			"resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
 			"integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
-			"dev": true,
 			"requires": {
 				"acorn-node": "^1.8.2",
 				"defined": "^1.0.0",
@@ -7784,14 +7734,13 @@
 		"didyoumean": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-			"dev": true
+			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
 		},
 		"diff": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
 			"integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-			"dev": true
+			"devOptional": true
 		},
 		"dir-glob": {
 			"version": "3.0.1",
@@ -7805,8 +7754,7 @@
 		"dlv": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-			"dev": true
+			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
 		},
 		"doctrine": {
 			"version": "3.0.0",
@@ -8417,7 +8365,6 @@
 			"version": "3.2.11",
 			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.11.tgz",
 			"integrity": "sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==",
-			"dev": true,
 			"requires": {
 				"@nodelib/fs.stat": "^2.0.2",
 				"@nodelib/fs.walk": "^1.2.3",
@@ -8430,7 +8377,6 @@
 					"version": "5.1.2",
 					"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 					"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-					"dev": true,
 					"requires": {
 						"is-glob": "^4.0.1"
 					}
@@ -8453,7 +8399,6 @@
 			"version": "1.13.0",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
 			"integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
-			"dev": true,
 			"requires": {
 				"reusify": "^1.0.4"
 			}
@@ -8471,7 +8416,6 @@
 			"version": "7.0.1",
 			"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
 			"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
-			"dev": true,
 			"requires": {
 				"to-regex-range": "^5.0.1"
 			}
@@ -8529,14 +8473,12 @@
 			"version": "2.3.2",
 			"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
 			"integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-			"dev": true,
 			"optional": true
 		},
 		"function-bind": {
 			"version": "1.1.1",
 			"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
-			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-			"dev": true
+			"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
 		},
 		"function.prototype.name": {
 			"version": "1.1.5",
@@ -8626,7 +8568,6 @@
 			"version": "6.0.2",
 			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
 			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-			"dev": true,
 			"requires": {
 				"is-glob": "^4.0.3"
 			}
@@ -8693,7 +8634,6 @@
 			"version": "1.0.3",
 			"resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
 			"integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-			"dev": true,
 			"requires": {
 				"function-bind": "^1.1.1"
 			}
@@ -8843,7 +8783,6 @@
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
 			"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-			"dev": true,
 			"requires": {
 				"binary-extensions": "^2.0.0"
 			}
@@ -8868,7 +8807,6 @@
 			"version": "2.10.0",
 			"resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
 			"integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
-			"dev": true,
 			"requires": {
 				"has": "^1.0.3"
 			}
@@ -8885,8 +8823,7 @@
 		"is-extglob": {
 			"version": "2.1.1",
 			"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-			"dev": true
+			"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
 		},
 		"is-fullwidth-code-point": {
 			"version": "3.0.0",
@@ -8898,7 +8835,6 @@
 			"version": "4.0.3",
 			"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
 			"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-			"dev": true,
 			"requires": {
 				"is-extglob": "^2.1.1"
 			}
@@ -8912,8 +8848,7 @@
 		"is-number": {
 			"version": "7.0.0",
 			"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-			"dev": true
+			"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
 		},
 		"is-number-object": {
 			"version": "1.0.7",
@@ -9119,8 +9054,7 @@
 		"lilconfig": {
 			"version": "2.0.5",
 			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.5.tgz",
-			"integrity": "sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==",
-			"dev": true
+			"integrity": "sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg=="
 		},
 		"lines-and-columns": {
 			"version": "1.2.4",
@@ -9354,7 +9288,7 @@
 			"version": "1.3.6",
 			"resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
 			"integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-			"dev": true
+			"devOptional": true
 		},
 		"map-obj": {
 			"version": "4.3.0",
@@ -9390,14 +9324,12 @@
 		"merge2": {
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-			"dev": true
+			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
 		},
 		"micromatch": {
 			"version": "4.0.5",
 			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
 			"integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-			"dev": true,
 			"requires": {
 				"braces": "^3.0.2",
 				"picomatch": "^2.3.1"
@@ -9415,6 +9347,11 @@
 			"integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
 			"dev": true
 		},
+		"mini-svg-data-uri": {
+			"version": "1.4.4",
+			"resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+			"integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg=="
+		},
 		"minimatch": {
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -9427,8 +9364,7 @@
 		"minimist": {
 			"version": "1.2.6",
 			"resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.6.tgz",
-			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==",
-			"dev": true
+			"integrity": "sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q=="
 		},
 		"minimist-options": {
 			"version": "4.1.0",
@@ -9534,8 +9470,7 @@
 		"normalize-path": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-			"dev": true
+			"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
 		},
 		"normalize-range": {
 			"version": "0.1.2",
@@ -9561,8 +9496,7 @@
 		"object-hash": {
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-			"integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-			"dev": true
+			"integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
 		},
 		"object-inspect": {
 			"version": "1.12.2",
@@ -9738,8 +9672,7 @@
 		"path-parse": {
 			"version": "1.0.7",
 			"resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-			"dev": true
+			"integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
 		},
 		"path-type": {
 			"version": "4.0.0",
@@ -9755,8 +9688,7 @@
 		"picomatch": {
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-			"dev": true
+			"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
 		},
 		"pidtree": {
 			"version": "0.6.0",
@@ -9767,14 +9699,12 @@
 		"pify": {
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-			"integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-			"dev": true
+			"integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
 		},
 		"postcss": {
 			"version": "8.4.16",
 			"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
 			"integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
-			"dev": true,
 			"requires": {
 				"nanoid": "^3.3.4",
 				"picocolors": "^1.0.0",
@@ -9785,7 +9715,6 @@
 			"version": "14.1.0",
 			"resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
 			"integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
-			"dev": true,
 			"requires": {
 				"postcss-value-parser": "^4.0.0",
 				"read-cache": "^1.0.0",
@@ -9796,7 +9725,6 @@
 			"version": "4.0.0",
 			"resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
 			"integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
-			"dev": true,
 			"requires": {
 				"camelcase-css": "^2.0.1"
 			}
@@ -9805,7 +9733,6 @@
 			"version": "3.1.4",
 			"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
 			"integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
-			"dev": true,
 			"requires": {
 				"lilconfig": "^2.0.5",
 				"yaml": "^1.10.2"
@@ -9815,7 +9742,6 @@
 			"version": "5.0.6",
 			"resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-5.0.6.tgz",
 			"integrity": "sha512-rKqm2Fk0KbA8Vt3AdGN0FB9OBOMDVajMG6ZCf/GoHgdxUJ4sBFp0A/uMIRm+MJUdo33YXEtjqIz8u7DAp8B7DA==",
-			"dev": true,
 			"requires": {
 				"postcss-selector-parser": "^6.0.6"
 			}
@@ -9824,7 +9750,6 @@
 			"version": "6.0.10",
 			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
 			"integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
-			"dev": true,
 			"requires": {
 				"cssesc": "^3.0.0",
 				"util-deprecate": "^1.0.2"
@@ -9833,8 +9758,7 @@
 		"postcss-value-parser": {
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-			"dev": true
+			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
 		},
 		"prelude-ls": {
 			"version": "1.2.1",
@@ -9881,8 +9805,7 @@
 		"queue-microtask": {
 			"version": "1.2.3",
 			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-			"dev": true
+			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
 		},
 		"quick-lru": {
 			"version": "4.0.1",
@@ -9923,7 +9846,6 @@
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
 			"integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-			"dev": true,
 			"requires": {
 				"pify": "^2.3.0"
 			}
@@ -10006,7 +9928,6 @@
 			"version": "3.6.0",
 			"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
 			"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-			"dev": true,
 			"requires": {
 				"picomatch": "^2.2.1"
 			}
@@ -10060,7 +9981,6 @@
 			"version": "1.22.1",
 			"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
 			"integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
-			"dev": true,
 			"requires": {
 				"is-core-module": "^2.9.0",
 				"path-parse": "^1.0.7",
@@ -10095,8 +10015,7 @@
 		"reusify": {
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-			"dev": true
+			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
 		},
 		"rfdc": {
 			"version": "1.3.0",
@@ -10117,7 +10036,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
 			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-			"dev": true,
 			"requires": {
 				"queue-microtask": "^1.2.2"
 			}
@@ -10380,14 +10298,12 @@
 		"supports-preserve-symlinks-flag": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-			"dev": true
+			"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
 		},
 		"tailwindcss": {
 			"version": "3.1.8",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.1.8.tgz",
 			"integrity": "sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==",
-			"dev": true,
 			"requires": {
 				"arg": "^5.0.2",
 				"chokidar": "^3.5.3",
@@ -10416,20 +10332,17 @@
 				"arg": {
 					"version": "5.0.2",
 					"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-					"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-					"dev": true
+					"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
 				},
 				"lilconfig": {
 					"version": "2.0.6",
 					"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz",
-					"integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==",
-					"dev": true
+					"integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg=="
 				},
 				"quick-lru": {
 					"version": "5.1.1",
 					"resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-					"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
-					"dev": true
+					"integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA=="
 				}
 			}
 		},
@@ -10464,7 +10377,6 @@
 			"version": "5.0.1",
 			"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
 			"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-			"dev": true,
 			"requires": {
 				"is-number": "^7.0.0"
 			}
@@ -10484,7 +10396,7 @@
 			"version": "10.9.1",
 			"resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
 			"integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
-			"dev": true,
+			"devOptional": true,
 			"requires": {
 				"@cspotcode/source-map-support": "^0.8.0",
 				"@tsconfig/node10": "^1.0.7",
@@ -10567,7 +10479,7 @@
 			"version": "4.7.4",
 			"resolved": "https://registry.npmjs.org/typescript/-/typescript-4.7.4.tgz",
 			"integrity": "sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==",
-			"dev": true
+			"devOptional": true
 		},
 		"unbox-primitive": {
 			"version": "1.0.2",
@@ -10623,8 +10535,7 @@
 		"util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
 		},
 		"v8-compile-cache": {
 			"version": "2.3.0",
@@ -10636,7 +10547,7 @@
 			"version": "3.0.1",
 			"resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
 			"integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-			"dev": true
+			"devOptional": true
 		},
 		"validate-npm-package-license": {
 			"version": "3.0.4",
@@ -10723,8 +10634,7 @@
 		"xtend": {
 			"version": "4.0.2",
 			"resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-			"dev": true
+			"integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="
 		},
 		"y18n": {
 			"version": "5.0.8",
@@ -10746,8 +10656,7 @@
 		"yaml": {
 			"version": "1.10.2",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-			"integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-			"dev": true
+			"integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
 		},
 		"yargs": {
 			"version": "17.5.1",
@@ -10782,7 +10691,7 @@
 			"version": "3.1.1",
 			"resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
 			"integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-			"dev": true
+			"devOptional": true
 		},
 		"yocto-queue": {
 			"version": "0.1.0",
diff --git a/package.json b/package.json
index 453bbe0..d49e6c9 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
 	},
 	"dependencies": {
 		"@supabase/supabase-js": "^1.35.6",
+		"@tailwindcss/forms": "^0.5.2",
 		"next": "12.2.5",
 		"react": "18.2.0",
 		"react-dom": "18.2.0",
diff --git a/tailwind.config.js b/tailwind.config.js
index d54aaf7..7d4e7f3 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -4,5 +4,5 @@ module.exports = {
 	theme: {
 		extend: {},
 	},
-	plugins: [],
+	plugins: [require('@tailwindcss/forms')],
 };

From 9d1d8cdc962cade242d282a8fca013404d0111d3 Mon Sep 17 00:00:00 2001
From: ykdojo <yksu4p@gmail.com>
Date: Wed, 24 Aug 2022 13:09:03 -0700
Subject: [PATCH 3/6] style: add inter

---
 src/pages/_document.tsx | 1 +
 tailwind.config.js      | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 743f67b..4a42652 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -5,6 +5,7 @@ export default function Document() {
 		<Html lang='en'>
 			<Head>
 				<link rel='icon' href='/favicon.ico' />
+				<link rel='stylesheet' href='https://rsms.me/inter/inter.css' />
 				<meta name='description' content='// TODO: website description' />
 				{/* Open Graph Meta Tags */}
 				<meta property='og:title' content='Defaang' />
diff --git a/tailwind.config.js b/tailwind.config.js
index 7d4e7f3..1c5709e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,8 +1,14 @@
 /** @type {import('tailwindcss').Config} */
+
+const defaultTheme = require('tailwindcss/defaultTheme');
 module.exports = {
 	content: ['./src/pages/**/*.{js,ts,jsx,tsx}', './src/components/**/*.{js,ts,jsx,tsx}'],
 	theme: {
-		extend: {},
+		extend: {
+			fontFamily: {
+				sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+			},
+		},
 	},
 	plugins: [require('@tailwindcss/forms')],
 };

From 3a5ef07d6e7c8a8ef8d47e1b6f5387e9a3f64561 Mon Sep 17 00:00:00 2001
From: ykdojo <yksu4p@gmail.com>
Date: Wed, 24 Aug 2022 19:57:20 -0700
Subject: [PATCH 4/6] feat: submission box

- Created the submission box
- Changed the site's background color to grey
---
 src/pages/_document.tsx |   2 +-
 src/pages/signin.tsx    |   2 +-
 src/pages/signup.tsx    |   2 +-
 src/pages/submit.tsx    | 329 +++++-----------------------------------
 4 files changed, 43 insertions(+), 292 deletions(-)

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 4a42652..0017849 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -20,7 +20,7 @@ export default function Document() {
 				<meta name='twitter:image' content='// TODO: https://root-domain-name/logo.png' />
 				<meta name='twitter:card' content='summary' />
 			</Head>
-			<body>
+			<body className='bg-gray-100'>
 				<Main />
 				<NextScript />
 			</body>
diff --git a/src/pages/signin.tsx b/src/pages/signin.tsx
index 114d8b9..2eba886 100644
--- a/src/pages/signin.tsx
+++ b/src/pages/signin.tsx
@@ -11,7 +11,7 @@ const SignIn: NextPage = () => {
 			<Head>
 				<title>Defaang / Welcome</title>
 			</Head>
-			<main className='flex h-full min-h-screen'>
+			<main className='flex h-full min-h-screen bg-white'>
 				<div className='flex flex-1 flex-col justify-center py-12 px-4 sm:px-6 lg:flex-none lg:px-20 xl:px-24'>
 					<div className='mx-auto w-full max-w-sm lg:w-96'>
 						<div>
diff --git a/src/pages/signup.tsx b/src/pages/signup.tsx
index 3dabafb..381da9c 100644
--- a/src/pages/signup.tsx
+++ b/src/pages/signup.tsx
@@ -11,7 +11,7 @@ const SignUp: NextPage = () => {
 			<Head>
 				<title>Defaang / Welcome</title>
 			</Head>
-			<main className='flex h-full min-h-screen'>
+			<main className='flex h-full min-h-screen bg-white'>
 				<div className='flex flex-1 flex-col justify-center py-12 px-4 sm:px-6 lg:flex-none lg:px-20 xl:px-24'>
 					<div className='mx-auto w-full max-w-sm lg:w-96'>
 						<div>
diff --git a/src/pages/submit.tsx b/src/pages/submit.tsx
index 3a732f5..99f8ae7 100644
--- a/src/pages/submit.tsx
+++ b/src/pages/submit.tsx
@@ -1,7 +1,7 @@
 export default function Submit() {
 	return (
-		<main className='flex justify-center bg-gray-100 py-12 px-3 sm:px-12'>
-			<div className='bg-white p-4 shadow-lg'>
+		<main className='flex justify-center py-10 px-4 pt-10 sm:px-12'>
+			<div className='w-full bg-white p-4 shadow-lg sm:w-4/5 md:w-2/3 lg:w-1/2'>
 				<form className='space-y-8 divide-y divide-gray-200'>
 					<div className='space-y-8 divide-y divide-gray-200'>
 						<div>
@@ -24,329 +24,80 @@ export default function Submit() {
 									</div>
 								</div>
 
-								<div className='sm:col-span-6'>
-									<label htmlFor='about' className='block text-sm font-medium text-gray-700'>
-										About
-									</label>
-									<div className='mt-1'>
-										<textarea
-											id='about'
-											name='about'
-											rows={3}
-											className='block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
-											defaultValue={''}
-										/>
-									</div>
-									<p className='mt-2 text-sm text-gray-500'>Write a few sentences about yourself.</p>
-								</div>
-
-								<div className='sm:col-span-6'>
-									<label htmlFor='photo' className='block text-sm font-medium text-gray-700'>
-										Photo
-									</label>
-									<div className='mt-1 flex items-center'>
-										<span className='h-12 w-12 overflow-hidden rounded-full bg-gray-100'>
-											<svg className='h-full w-full text-gray-300' fill='currentColor' viewBox='0 0 24 24'>
-												<path d='M24 20.993V24H0v-2.996A14.977 14.977 0 0112.004 15c4.904 0 9.26 2.354 11.996 5.993zM16.002 8.999a4 4 0 11-8 0 4 4 0 018 0z' />
-											</svg>
-										</span>
-										<button
-											type='button'
-											className='ml-5 rounded-md border border-gray-300 bg-white py-2 px-3 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2'
-										>
-											Change
-										</button>
-									</div>
-								</div>
-
-								<div className='sm:col-span-6'>
-									<label htmlFor='cover-photo' className='block text-sm font-medium text-gray-700'>
-										Cover photo
-									</label>
-									<div className='mt-1 flex justify-center rounded-md border-2 border-dashed border-gray-300 px-6 pt-5 pb-6'>
-										<div className='space-y-1 text-center'>
-											<svg
-												className='mx-auto h-12 w-12 text-gray-400'
-												stroke='currentColor'
-												fill='none'
-												viewBox='0 0 48 48'
-												aria-hidden='true'
-											>
-												<path
-													d='M28 8H12a4 4 0 00-4 4v20m32-12v8m0 0v8a4 4 0 01-4 4H12a4 4 0 01-4-4v-4m32-4l-3.172-3.172a4 4 0 00-5.656 0L28 28M8 32l9.172-9.172a4 4 0 015.656 0L28 28m0 0l4 4m4-24h8m-4-4v8m-12 4h.02'
-													strokeWidth={2}
-													strokeLinecap='round'
-													strokeLinejoin='round'
-												/>
-											</svg>
-											<div className='flex text-sm text-gray-600'>
-												<label
-													htmlFor='file-upload'
-													className='relative cursor-pointer rounded-md bg-white font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500'
-												>
-													<span>Upload a file</span>
-													<input id='file-upload' name='file-upload' type='file' className='sr-only' />
-												</label>
-												<p className='pl-1'>or drag and drop</p>
-											</div>
-											<p className='text-xs text-gray-500'>PNG, JPG, GIF up to 10MB</p>
-										</div>
-									</div>
-								</div>
-							</div>
-						</div>
-
-						<div className='pt-8'>
-							<div>
-								<h3 className='text-lg font-medium leading-6 text-gray-900'>Personal Information</h3>
-								<p className='mt-1 text-sm text-gray-500'>Use a permanent address where you can receive mail.</p>
-							</div>
-							<div className='mt-6 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6'>
-								<div className='sm:col-span-3'>
-									<label htmlFor='first-name' className='block text-sm font-medium text-gray-700'>
-										First name
-									</label>
-									<div className='mt-1'>
-										<input
-											type='text'
-											name='first-name'
-											id='first-name'
-											autoComplete='given-name'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
-										/>
-									</div>
-								</div>
-
-								<div className='sm:col-span-3'>
-									<label htmlFor='last-name' className='block text-sm font-medium text-gray-700'>
-										Last name
-									</label>
-									<div className='mt-1'>
-										<input
-											type='text'
-											name='last-name'
-											id='last-name'
-											autoComplete='family-name'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
-										/>
-									</div>
-								</div>
-
 								<div className='sm:col-span-4'>
-									<label htmlFor='email' className='block text-sm font-medium text-gray-700'>
-										Email address
+									<label htmlFor='location' className='block text-sm font-medium text-gray-700'>
+										Location
 									</label>
-									<div className='mt-1'>
+									<div className='mt-1 flex rounded-md shadow-sm'>
 										<input
-											id='email'
-											name='email'
-											type='email'
-											autoComplete='email'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+											type='text'
+											name='Location'
+											id='location'
+											className='block w-full min-w-0 flex-1 rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
 										/>
 									</div>
 								</div>
 
 								<div className='sm:col-span-3'>
-									<label htmlFor='country' className='block text-sm font-medium text-gray-700'>
-										Country
+									<label htmlFor='recency' className='block text-sm font-medium text-gray-700'>
+										How recently was this asked?
 									</label>
 									<div className='mt-1'>
 										<select
-											id='country'
-											name='country'
-											autoComplete='country-name'
+											id='recency'
+											name='recency'
 											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
 										>
-											<option>United States</option>
-											<option>Canada</option>
-											<option>Mexico</option>
+											<option>Within the past week</option>
+											<option>Within the past month</option>
+											<option>1-2 months ago</option>
+											<option>3-6 months ago</option>
+											<option>7-12 months ago</option>
+											<option>1+ year ago</option>
 										</select>
 									</div>
 								</div>
 
 								<div className='sm:col-span-6'>
-									<label htmlFor='street-address' className='block text-sm font-medium text-gray-700'>
-										Street address
-									</label>
-									<div className='mt-1'>
-										<input
-											type='text'
-											name='street-address'
-											id='street-address'
-											autoComplete='street-address'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
-										/>
-									</div>
-								</div>
-
-								<div className='sm:col-span-2'>
-									<label htmlFor='city' className='block text-sm font-medium text-gray-700'>
-										City
+									<label htmlFor='question-details' className='block text-sm font-medium text-gray-700'>
+										Question details
 									</label>
 									<div className='mt-1'>
-										<input
-											type='text'
-											name='city'
-											id='city'
-											autoComplete='address-level2'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										<textarea
+											id='question-details'
+											name='question-details'
+											rows={3}
+											className='block w-full rounded-md border border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+											defaultValue={''}
 										/>
 									</div>
 								</div>
-
-								<div className='sm:col-span-2'>
-									<label htmlFor='region' className='block text-sm font-medium text-gray-700'>
-										State / Province
-									</label>
-									<div className='mt-1'>
-										<input
-											type='text'
-											name='region'
-											id='region'
-											autoComplete='address-level1'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
-										/>
-									</div>
+							</div>
+							<div className='relative mt-6 flex'>
+								<div className='flex h-5 items-center'>
+									<input
+										id='offers'
+										name='offers'
+										type='checkbox'
+										className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
+									/>
 								</div>
-
-								<div className='sm:col-span-2'>
-									<label htmlFor='postal-code' className='block text-sm font-medium text-gray-700'>
-										ZIP / Postal code
+								<div className='ml-3 text-sm'>
+									<label htmlFor='offers' className='font-medium text-gray-700'>
+										Stay anonymous
 									</label>
-									<div className='mt-1'>
-										<input
-											type='text'
-											name='postal-code'
-											id='postal-code'
-											autoComplete='postal-code'
-											className='block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
-										/>
-									</div>
 								</div>
 							</div>
 						</div>
-
-						<div className='pt-8'>
-							<div>
-								<h3 className='text-lg font-medium leading-6 text-gray-900'>Notifications</h3>
-								<p className='mt-1 text-sm text-gray-500'>
-									We&apos;ll always let you know about important changes, but you pick what else you want to hear about.
-								</p>
-							</div>
-							<div className='mt-6'>
-								<fieldset>
-									<legend className='sr-only'>By Email</legend>
-									<div className='text-base font-medium text-gray-900' aria-hidden='true'>
-										By Email
-									</div>
-									<div className='mt-4 space-y-4'>
-										<div className='relative flex items-start'>
-											<div className='flex h-5 items-center'>
-												<input
-													id='comments'
-													name='comments'
-													type='checkbox'
-													className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
-												/>
-											</div>
-											<div className='ml-3 text-sm'>
-												<label htmlFor='comments' className='font-medium text-gray-700'>
-													Comments
-												</label>
-												<p className='text-gray-500'>Get notified when someones posts a comment on a posting.</p>
-											</div>
-										</div>
-										<div className='relative flex items-start'>
-											<div className='flex h-5 items-center'>
-												<input
-													id='candidates'
-													name='candidates'
-													type='checkbox'
-													className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
-												/>
-											</div>
-											<div className='ml-3 text-sm'>
-												<label htmlFor='candidates' className='font-medium text-gray-700'>
-													Candidates
-												</label>
-												<p className='text-gray-500'>Get notified when a candidate applies for a job.</p>
-											</div>
-										</div>
-										<div className='relative flex items-start'>
-											<div className='flex h-5 items-center'>
-												<input
-													id='offers'
-													name='offers'
-													type='checkbox'
-													className='h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500'
-												/>
-											</div>
-											<div className='ml-3 text-sm'>
-												<label htmlFor='offers' className='font-medium text-gray-700'>
-													Offers
-												</label>
-												<p className='text-gray-500'>Get notified when a candidate accepts or rejects an offer.</p>
-											</div>
-										</div>
-									</div>
-								</fieldset>
-								<fieldset className='mt-6'>
-									<legend className='contents text-base font-medium text-gray-900'>Push Notifications</legend>
-									<p className='text-sm text-gray-500'>These are delivered via SMS to your mobile phone.</p>
-									<div className='mt-4 space-y-4'>
-										<div className='flex items-center'>
-											<input
-												id='push-everything'
-												name='push-notifications'
-												type='radio'
-												className='h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500'
-											/>
-											<label htmlFor='push-everything' className='ml-3 block text-sm font-medium text-gray-700'>
-												Everything
-											</label>
-										</div>
-										<div className='flex items-center'>
-											<input
-												id='push-email'
-												name='push-notifications'
-												type='radio'
-												className='h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500'
-											/>
-											<label htmlFor='push-email' className='ml-3 block text-sm font-medium text-gray-700'>
-												Same as email
-											</label>
-										</div>
-										<div className='flex items-center'>
-											<input
-												id='push-nothing'
-												name='push-notifications'
-												type='radio'
-												className='h-4 w-4 border-gray-300 text-indigo-600 focus:ring-indigo-500'
-											/>
-											<label htmlFor='push-nothing' className='ml-3 block text-sm font-medium text-gray-700'>
-												No push notifications
-											</label>
-										</div>
-									</div>
-								</fieldset>
-							</div>
-						</div>
 					</div>
 
 					<div className='pt-5'>
 						<div className='flex justify-end'>
-							<button
-								type='button'
-								className='rounded-md border border-gray-300 bg-white py-2 px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2'
-							>
-								Cancel
-							</button>
 							<button
 								type='submit'
 								className='ml-3 inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2'
 							>
-								Save
+								Submit
 							</button>
 						</div>
 					</div>

From f71bad54f04a0aa277622c6087a07f97c6414c39 Mon Sep 17 00:00:00 2001
From: ykdojo <yksu4p@gmail.com>
Date: Wed, 24 Aug 2022 19:59:20 -0700
Subject: [PATCH 5/6] feat: moved the "welcome to defaang" title to
 _document.tsx

---
 src/pages/_document.tsx | 1 +
 src/pages/signin.tsx    | 3 ---
 src/pages/signup.tsx    | 3 ---
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 0017849..4422257 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -4,6 +4,7 @@ export default function Document() {
 	return (
 		<Html lang='en'>
 			<Head>
+				<title>welcome to defaang</title>
 				<link rel='icon' href='/favicon.ico' />
 				<link rel='stylesheet' href='https://rsms.me/inter/inter.css' />
 				<meta name='description' content='// TODO: website description' />
diff --git a/src/pages/signin.tsx b/src/pages/signin.tsx
index 2eba886..075e74d 100644
--- a/src/pages/signin.tsx
+++ b/src/pages/signin.tsx
@@ -8,9 +8,6 @@ import { SignInForm } from '../components/SignIn/Form';
 const SignIn: NextPage = () => {
 	return (
 		<>
-			<Head>
-				<title>Defaang / Welcome</title>
-			</Head>
 			<main className='flex h-full min-h-screen bg-white'>
 				<div className='flex flex-1 flex-col justify-center py-12 px-4 sm:px-6 lg:flex-none lg:px-20 xl:px-24'>
 					<div className='mx-auto w-full max-w-sm lg:w-96'>
diff --git a/src/pages/signup.tsx b/src/pages/signup.tsx
index 381da9c..3af159d 100644
--- a/src/pages/signup.tsx
+++ b/src/pages/signup.tsx
@@ -8,9 +8,6 @@ import { SignUpForm } from '../components/SignUp/Form';
 const SignUp: NextPage = () => {
 	return (
 		<>
-			<Head>
-				<title>Defaang / Welcome</title>
-			</Head>
 			<main className='flex h-full min-h-screen bg-white'>
 				<div className='flex flex-1 flex-col justify-center py-12 px-4 sm:px-6 lg:flex-none lg:px-20 xl:px-24'>
 					<div className='mx-auto w-full max-w-sm lg:w-96'>

From 05783b201adfd2bf14963dc50f68297b3aefb181 Mon Sep 17 00:00:00 2001
From: ykdojo <yksu4p@gmail.com>
Date: Thu, 25 Aug 2022 10:52:34 -0700
Subject: [PATCH 6/6] feat: added position and question to the question form

---
 src/pages/submit.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/pages/submit.tsx b/src/pages/submit.tsx
index 99f8ae7..8249183 100644
--- a/src/pages/submit.tsx
+++ b/src/pages/submit.tsx
@@ -24,6 +24,20 @@ export default function Submit() {
 									</div>
 								</div>
 
+								<div className='sm:col-span-4'>
+									<label htmlFor='position' className='block text-sm font-medium text-gray-700'>
+										Position
+									</label>
+									<div className='mt-1 flex rounded-md shadow-sm'>
+										<input
+											type='text'
+											name='Position'
+											id='position'
+											className='block w-full min-w-0 flex-1 rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
 								<div className='sm:col-span-4'>
 									<label htmlFor='location' className='block text-sm font-medium text-gray-700'>
 										Location
@@ -58,6 +72,20 @@ export default function Submit() {
 									</div>
 								</div>
 
+								<div className='sm:col-span-6'>
+									<label htmlFor='question' className='block text-sm font-medium text-gray-700'>
+										Question
+									</label>
+									<div className='mt-1 flex rounded-md shadow-sm'>
+										<input
+											type='text'
+											name='Question'
+											id='question'
+											className='block w-full min-w-0 flex-1 rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm'
+										/>
+									</div>
+								</div>
+
 								<div className='sm:col-span-6'>
 									<label htmlFor='question-details' className='block text-sm font-medium text-gray-700'>
 										Question details