Bezier-rs: Update interactive demo site UI/UX (#1085)

* wip - change demo iframe styling

* fix typo

* change tVariant select from radio buttons to dropdown

* Added iframe styling

* fix linting errors

* Integrated tvariant picker as input options

* Updated points in demos

* Lint

* Clean up CSS

---------

Co-authored-by: Thomas Cheng <contact.chengthomas@gmail.com>
Co-authored-by: Keavon Chambers <keavon@keavon.com>

website/other/bezier-rs-demos/src/utils/options.ts

@@ -1,3 +1,5 @@
+import { BEZIER_T_VALUE_VARIANTS, SUBPATH_T_VALUE_VARIANTS } from "@/utils/types";
+
 export const tSliderOptions = {
 	min: 0,
 	max: 1,
@@ -15,7 +17,7 @@ export const errorOptions = {
 };
 
 export const minimumSeparationOptions = {
-	variable: "minimum_seperation",
+	variable: "minimum_separation",
 	min: 0.001,
 	max: 0.25,
 	step: 0.001,
@@ -29,3 +31,17 @@ export const intersectionErrorOptions = {
 	step: 0.0025,
 	default: 0.02,
 };
+
+export const bezierTValueVariantOptions = {
+	variable: "TVariant",
+	default: 0,
+	inputType: "dropdown",
+	options: BEZIER_T_VALUE_VARIANTS,
+};
+
+export const subpathTValueVariantOptions = {
+	variable: "TVariant",
+	default: 0,
+	inputType: "dropdown",
+	options: SUBPATH_T_VALUE_VARIANTS,
+};