feat: add onboarding modal

packages/icons/src/popperFilled.tsx

@@ -0,0 +1,17 @@
+export function PopperFilledIcon(props: JSX.IntrinsicElements["svg"]) {
+	return (
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			width="24"
+			height="24"
+			fill="none"
+			viewBox="0 0 24 24"
+			{...props}
+		>
+			<path
+				fill="currentColor"
+				d="M10.243 1.37a1 1 0 10-1.552 1.26c1.04 1.28 1.377 3.004.86 4.554a1 1 0 001.898.632c.74-2.221.25-4.656-1.206-6.447zM14 3a1 1 0 100 2h.01a1 1 0 100-2H14zM22.288 5.307a1 1 0 00-.575-1.916C18.18 4.452 15.003 6.331 12.7 9.4a1 1 0 001.6 1.2c1.99-2.653 4.764-4.325 7.988-5.293zM6 4a1 1 0 000 2h.01a1 1 0 100-2H6zM12.628 11.372c-1.226-1.227-2.53-2.202-3.674-2.774-.566-.283-1.146-.494-1.688-.558-.528-.062-1.204-.002-1.709.503-.277.277-.42.61-.483.936-.139.194-.275.42-.404.65-.21.373-.44.83-.675 1.34a36.943 36.943 0 00-1.415 3.546c-.429 1.263-.793 2.578-.952 3.7-.08.559-.114 1.11-.064 1.604.048.47.188 1.035.595 1.46.416.434.987.587 1.458.642.493.058 1.047.027 1.607-.05 1.123-.153 2.446-.515 3.717-.944a37.107 37.107 0 003.574-1.417c.513-.237.974-.468 1.35-.678.232-.13.46-.267.655-.406.327-.062.66-.206.937-.483.505-.505.565-1.181.503-1.709-.064-.542-.275-1.122-.559-1.688-.571-1.144-1.546-2.448-2.773-3.674zm-4.568-.985c.904.452 2.037 1.282 3.154 2.399s1.947 2.25 2.399 3.154c.225.45.33.793.36 1.019-.3-.038-.829-.22-1.555-.657C11.616 15.819 10.7 15.1 9.8 14.2c-.9-.9-1.619-1.816-2.102-2.618-.438-.727-.619-1.255-.657-1.554.226.028.57.134 1.019.36zM21 9a1 1 0 100 2h.01a1 1 0 100-2H21zM16 11a1 1 0 100 2h.01a1 1 0 100-2H16zM22.857 16.485c-1.382-2.303-3.812-2.787-5.998-2.475a1 1 0 00.282 1.98c1.746-.25 3.191.174 4.001 1.525a1 1 0 101.715-1.03zM18 18a1 1 0 100 2h.01a1 1 0 100-2H18z"
+			/>
+		</svg>
+	);
+}