adding the logic to generate the image

frontend/src/constants/index.ts

@@ -0,0 +1,24 @@
+import type { QRState, ImageSizes } from '@appTypes/';
+
+export const initialState: QRState = {
+  text: 'https://www.bioxsystems.com/',
+  size: 600,
+  imageUrl: null,
+  loading: false,
+  error: null,
+};
+
+export const imageSizes: ImageSizes[] = [
+  {
+    value: 150,
+    text: 'Small — 150x150',
+  },
+  {
+    value: 300,
+    text: 'Medium — 300x300',
+  },
+  {
+    value: 600,
+    text: 'Large — 600x600',
+  },
+];