feat: update text properties to use dynamic font size limits and scaling

apps/web/src/constants/text-constants.ts

@@ -1,11 +1,20 @@
 import type { TextElement } from "@/types/timeline";
 import { TIMELINE_CONSTANTS } from "./timeline-constants";
 
+export const MIN_FONT_SIZE = 5;
+export const MAX_FONT_SIZE = 300;
+
+/**
+ * higher value: smaller font size
+ * lower value: larger font size
+ */
+export const FONT_SIZE_SCALE_REFERENCE = 90;
+
 export const DEFAULT_TEXT_ELEMENT: Omit<TextElement, "id"> = {
 	type: "text",
 	name: "Text",
 	content: "Default Text",
-	fontSize: 48,
+	fontSize: 15,
 	fontFamily: "Arial",
 	color: "#ffffff",
 	backgroundColor: "transparent",