Updated custom aspect ratio default and icon

Author: KartoffelChipss

src/app.tsx

@@ -62,8 +62,8 @@ export default function App() {
     const [bgDim, setBgDim] = useState(DEFAULT_BG_DIM);
     const [fontName, setFontName] = useState('Montserrat');
     const [imageType, setImageType] = useState<'cover' | 'poster' | 'custom'>('cover');
-    const [customAspectRatioWidth, setCustomAspectRatioWidth] = useState(0.75);
-    const [customAspectRatioHeight, setCustomAspectRatioHeight] = useState(1);
+    const [customAspectRatioWidth, setCustomAspectRatioWidth] = useState(4);
+    const [customAspectRatioHeight, setCustomAspectRatioHeight] = useState(3);
     const [textColor, setTextColor] = useState('#ffffff');
     const [dimColor, setDimColor] = useState('#000000');
     const [textAlign, setTextAlign] = useState<TextAlign>('center');

src/components/ImageTypeSelect.tsx

@@ -1,4 +1,4 @@
-import { RectangleHorizontal, RectangleVertical } from 'lucide-preact';
+import { Fullscreen, RectangleHorizontal, RectangleVertical } from 'lucide-preact';
 import type { FC } from 'preact/compat';
 
 interface ImageTypeSelectProps {
@@ -20,7 +20,13 @@ const SelectOption: FC<{
                 selected ? selectedClasses : ''
             }`}
         >
-            {value === 'poster' ? <RectangleVertical /> : <RectangleHorizontal />}
+            {value === 'poster' ? (
+                <RectangleVertical />
+            ) : value === 'cover' ? (
+                <RectangleHorizontal />
+            ) : (
+                <Fullscreen />
+            )}
             <span>{value.charAt(0).toUpperCase() + value.slice(1)}</span>
         </button>
     );