diff --git a/components/history-card.tsx b/components/history-card.tsx
index 1f753c27..7f6f7a73 100644
--- a/components/history-card.tsx
+++ b/components/history-card.tsx
@@ -147,8 +147,8 @@ export default function HistoryItem(props: {
                   <DialogTrigger>
                     <Image
                       width={150}
-                      height={150}
-                      className="max-w-[150px]"
+                      height={isQrCode(props.item.bcid) ? 150 : 65}
+                      className={`max-w-[150px] object-contain ${isQrCode(props.item.bcid) ? "" : "h-[65px]"}`}
                       src={url}
                       alt={props.item.text}
                     />
@@ -188,7 +188,7 @@ export default function HistoryItem(props: {
                     <Image
                       width={150}
                       height={150}
-                      className="max-w-[150px]"
+                      className={`max-w-[150px] object-contain ${isQrCode(props.item.bcid) ? "" : "h-[65px]"}`}
                       src={url}
                       alt={props.item.text}
                     />
diff --git a/components/ui/calendar.tsx b/components/ui/calendar.tsx
new file mode 100644
index 00000000..c10239fa
--- /dev/null
+++ b/components/ui/calendar.tsx
@@ -0,0 +1,72 @@
+"use client";
+
+import * as React from "react";
+import { DayPicker } from "react-day-picker";
+
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
+import {
+  ChevronLeft16Regular,
+  ChevronRight16Regular,
+} from "@fluentui/react-icons";
+
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}: CalendarProps) {
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn("p-3", className)}
+      classNames={{
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 flex justify-center opacity-50 hover:opacity-100",
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell:
+          "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 flex justify-center font-normal hover:bg-slate-100 dark:hover:bg-slate-800 aria-selected:bg-accent-color aria-selected:text-white aria-selected:opacity-100",
+        ),
+        day_range_end: "day-range-end",
+        day_selected: "bg-primary text-white hover:bg-primary hover:text-white",
+        day_today: "bg-accent-color/20 text-accent-foreground",
+        day_outside:
+          "day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle:
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames,
+      }}
+      components={{
+        IconLeft: ({ ...props }) => (
+          <ChevronLeft16Regular className="h-4 w-4" />
+        ),
+        IconRight: ({ ...props }) => (
+          <ChevronRight16Regular className="h-4 w-4" />
+        ),
+      }}
+      {...props}
+    />
+  );
+}
+Calendar.displayName = "Calendar";
+
+export { Calendar };
diff --git a/components/ui/command.tsx b/components/ui/command.tsx
index 6cd1d93d..2b40c3b3 100644
--- a/components/ui/command.tsx
+++ b/components/ui/command.tsx
@@ -120,7 +120,7 @@ const CommandItem = React.forwardRef<
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+      "relative flex cursor-default select-none items-center rounded-md border border-transparent px-2 py-1.5 text-sm outline-none transition-all duration-200 hover:border-slate-200 hover:bg-slate-200 aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 dark:hover:border-slate-600 dark:hover:bg-slate-800",
       className,
     )}
     {...props}
diff --git a/components/ui/date-picker.tsx b/components/ui/date-picker.tsx
new file mode 100644
index 00000000..aa3146c5
--- /dev/null
+++ b/components/ui/date-picker.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import * as React from "react";
+import { format } from "date-fns";
+
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Calendar16Regular } from "@fluentui/react-icons";
+import useTranslation from "next-translate/useTranslation";
+
+export function DatePicker(props: { setDate: Function }) {
+  const [date, setDate] = React.useState<Date>();
+  const { t } = useTranslation("common");
+  return (
+    <Popover>
+      <PopoverTrigger asChild>
+        <Button
+          variant={"outline"}
+          className={cn(
+            "justify-start border border-slate-300 text-left font-normal dark:border-slate-600",
+            !date && "text-muted-foreground",
+          )}
+        >
+          <Calendar16Regular className="mr-2 h-4 w-4" />
+          {date ? format(date, "PPP") : <span>{t("select-date")}</span>}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0 dark:border-slate-600">
+        <Calendar
+          mode="single"
+          selected={date}
+          onSelect={(d) => {
+            setDate(d);
+            props.setDate(`${formatDate(d)}`);
+          }}
+          initialFocus
+        />
+      </PopoverContent>
+    </Popover>
+  );
+}
+function formatDate(date: Date | undefined) {
+  if (!date) return "";
+  var year = date.getFullYear();
+  var month = (1 + date.getMonth()).toString().padStart(2, "0");
+  var day = date.getDate().toString().padStart(2, "0");
+
+  return year + month + day;
+}
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index c80ab602..9929068b 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -43,7 +43,7 @@ const SelectContent = React.forwardRef<
     <SelectPrimitive.Content
       ref={ref}
       className={cn(
-        "relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-200 bg-white text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-slate-700 dark:bg-slate-800",
+        "relative z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-200 bg-white text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-slate-700 dark:bg-slate-900",
         position === "popper" &&
           "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className,
@@ -84,7 +84,7 @@ const SelectItem = React.forwardRef<
   <SelectPrimitive.Item
     ref={ref}
     className={cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm bg-white py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-white focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:bg-slate-800 dark:hover:bg-slate-700",
+      "relative flex w-full cursor-default select-none items-center rounded-md border border-transparent bg-white py-1.5 pl-8 pr-2 text-sm outline-none transition-all duration-200 hover:border-slate-200 hover:bg-slate-200 focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:bg-slate-900 dark:hover:border-slate-600 dark:hover:bg-slate-800",
       className,
     )}
     {...props}
diff --git a/lib/barcodeTypes.ts b/lib/barcodeTypes.ts
index a9eb0c95..01a7a46b 100644
--- a/lib/barcodeTypes.ts
+++ b/lib/barcodeTypes.ts
@@ -35,6 +35,10 @@ export const barcodeTypes = [
     value: "code93ext",
     label: "Code93 Extended",
   },
+  {
+    value: "datamatrix",
+    label: "DataMatrix",
+  },
   {
     value: "ean13",
     label: "EAN-13",
diff --git a/lib/calendar-event.ts b/lib/calendar-event.ts
new file mode 100644
index 00000000..d83553a2
--- /dev/null
+++ b/lib/calendar-event.ts
@@ -0,0 +1,7 @@
+export interface CalendarEvent {
+  title: string;
+  description: string;
+  location: string;
+  start: string; // Use YYYYMMDD format
+  end: string; // Use YYYYMMDD format
+}
diff --git a/locales/en/common.json b/locales/en/common.json
index 0719eea4..55eed262 100644
--- a/locales/en/common.json
+++ b/locales/en/common.json
@@ -105,5 +105,15 @@
   "firstname": "First name",
   "lastname": "Last name",
   "name": "Name",
-  "contact": "Contact"
+  "contact": "Contact",
+  "normal": "Normal",
+  "inverted": "Inverted",
+  "rotation": "Rotation",
+  "event": "Event",
+  "description": "Description",
+  "start-date": "Start date",
+  "end-date": "End date",
+  "event-title": "Event title",
+  "location": "Location",
+  "select-date": "Pick a date"
 }
diff --git a/locales/fr/common.json b/locales/fr/common.json
index 64f17150..bf35d840 100644
--- a/locales/fr/common.json
+++ b/locales/fr/common.json
@@ -105,5 +105,15 @@
   "firstname": "Prénom",
   "lastname": "Nom de famille",
   "name": "Nom",
-  "contact": "Contact"
+  "contact": "Contact",
+  "normal": "Normal",
+  "inverted": "Inversé",
+  "rotation": "Rotation",
+  "event": "Evènement",
+  "description": "Description",
+  "start-date": "Date de début",
+  "end-date": "Date de fin",
+  "event-title": "Titre de l'événement",
+  "location": "Emplacement",
+  "select-date": "Choisir une date"
 }
diff --git a/package-lock.json b/package-lock.json
index b2036f4a..2b98a38f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,14 +1,14 @@
 {
   "name": "qrix",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "qrix",
-      "version": "1.7.0",
+      "version": "1.8.0",
       "dependencies": {
-        "@fluentui/react-icons": "^2.0.235",
+        "@fluentui/react-icons": "^2.0.239",
         "@radix-ui/react-accordion": "^1.1.2",
         "@radix-ui/react-alert-dialog": "^1.0.5",
         "@radix-ui/react-dialog": "^1.0.5",
@@ -21,35 +21,37 @@
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
         "@radix-ui/react-tooltip": "^1.0.7",
-        "@types/node": "20.12.7",
-        "@types/react": "18.2.78",
-        "@types/react-dom": "18.2.25",
+        "@types/node": "20.12.12",
+        "@types/react": "18.3.2",
+        "@types/react-dom": "18.3.0",
         "autoprefixer": "10.4.19",
         "bwip-js": "^4.3.2",
         "class-variance-authority": "^0.7.0",
-        "clsx": "^2.1.0",
+        "clsx": "^2.1.1",
         "cmdk": "^1.0.0",
+        "date-fns": "^3.6.0",
         "eslint": "8.56.0",
-        "eslint-config-next": "14.2.1",
+        "eslint-config-next": "14.2.3",
         "file-saver": "^2.0.5",
-        "next": "13.4.19",
+        "next": "14.2.3",
         "next-pwa": "^5.6.0",
         "next-themes": "^0.3.0",
         "next-translate": "^2.6.2",
         "next-translate-plugin": "^2.6.2",
         "postcss": "8.4.38",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "tailwind-merge": "^2.2.2",
+        "react": "18.3.1",
+        "react-day-picker": "^8.10.1",
+        "react-dom": "18.3.1",
+        "tailwind-merge": "^2.3.0",
         "tailwindcss": "3.4.3",
         "tailwindcss-animate": "^1.0.7",
         "typescript": "5.4.5",
-        "vaul": "^0.9.0"
+        "vaul": "^0.9.1"
       },
       "devDependencies": {
         "@types/file-saver": "^2.0.7",
         "prettier": "^3.2.5",
-        "prettier-plugin-tailwindcss": "^0.5.13"
+        "prettier-plugin-tailwindcss": "^0.5.14"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -1735,9 +1737,9 @@
       "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA=="
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.0.tgz",
-      "integrity": "sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==",
+      "version": "7.24.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.4.tgz",
+      "integrity": "sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1891,9 +1893,9 @@
       "integrity": "sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw=="
     },
     "node_modules/@fluentui/react-icons": {
-      "version": "2.0.235",
-      "resolved": "https://registry.npmjs.org/@fluentui/react-icons/-/react-icons-2.0.235.tgz",
-      "integrity": "sha512-8uZPBncO+dTHuZyke+KXv4bSF4ZtHyniVOVWXnbFClqMmarb4qRul06qCqq2bbqz/7xFtP5YujypKn+d2i+vEg==",
+      "version": "2.0.239",
+      "resolved": "https://registry.npmjs.org/@fluentui/react-icons/-/react-icons-2.0.239.tgz",
+      "integrity": "sha512-F2itXSvcJuHcacPGpp0M4wpH1/hldg3eVv4t4L3aOcKIjp7nECSWHwxgsy2HShB7kVV8LwwqiJAChiogMbnlLg==",
       "dependencies": {
         "@griffel/react": "^1.0.0",
         "tslib": "^2.1.0"
@@ -2059,14 +2061,14 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.19.tgz",
-      "integrity": "sha512-FsAT5x0jF2kkhNkKkukhsyYOrRqtSxrEhfliniIq0bwWbuXLgyt3Gv0Ml+b91XwjwArmuP7NxCiGd++GGKdNMQ=="
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.3.tgz",
+      "integrity": "sha512-W7fd7IbkfmeeY2gXrzJYDx8D2lWKbVoTIj1o1ScPHNzvp30s1AuoEFSdr39bC5sjxJaxTtq3OTCZboNp0lNWHA=="
     },
     "node_modules/@next/eslint-plugin-next": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.1.tgz",
-      "integrity": "sha512-Fp+mthEBjkn8r9qd6o4JgxKp0IDEzW0VYHD8ZC05xS5/lFNwHKuOdr2kVhWG7BQCO9L6eeepshM1Wbs2T+LgSg==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-14.2.3.tgz",
+      "integrity": "sha512-L3oDricIIjgj1AVnRdRor21gI7mShlSwU/1ZGHmqM3LzHhXXhdkrfeNY5zif25Bi5Dd7fiJHsbhoZCHfXYvlAw==",
       "dependencies": {
         "glob": "10.3.10"
       }
@@ -2115,9 +2117,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.19.tgz",
-      "integrity": "sha512-vv1qrjXeGbuF2mOkhkdxMDtv9np7W4mcBtaDnHU+yJG+bBwa6rYsYSCI/9Xm5+TuF5SbZbrWO6G1NfTh1TMjvQ==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.3.tgz",
+      "integrity": "sha512-3pEYo/RaGqPP0YzwnlmPN2puaF2WMLM3apt5jLW2fFdXD9+pqcoTzRk+iZsf8ta7+quAe4Q6Ms0nR0SFGFdS1A==",
       "cpu": [
         "arm64"
       ],
@@ -2130,9 +2132,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.19.tgz",
-      "integrity": "sha512-jyzO6wwYhx6F+7gD8ddZfuqO4TtpJdw3wyOduR4fxTUCm3aLw7YmHGYNjS0xRSYGAkLpBkH1E0RcelyId6lNsw==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.3.tgz",
+      "integrity": "sha512-6adp7waE6P1TYFSXpY366xwsOnEXM+y1kgRpjSRVI2CBDOcbRjsJ67Z6EgKIqWIue52d2q/Mx8g9MszARj8IEA==",
       "cpu": [
         "x64"
       ],
@@ -2145,9 +2147,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.19.tgz",
-      "integrity": "sha512-vdlnIlaAEh6H+G6HrKZB9c2zJKnpPVKnA6LBwjwT2BTjxI7e0Hx30+FoWCgi50e+YO49p6oPOtesP9mXDRiiUg==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.3.tgz",
+      "integrity": "sha512-cuzCE/1G0ZSnTAHJPUT1rPgQx1w5tzSX7POXSLaS7w2nIUJUD+e25QoXD/hMfxbsT9rslEXugWypJMILBj/QsA==",
       "cpu": [
         "arm64"
       ],
@@ -2160,9 +2162,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.19.tgz",
-      "integrity": "sha512-aU0HkH2XPgxqrbNRBFb3si9Ahu/CpaR5RPmN2s9GiM9qJCiBBlZtRTiEca+DC+xRPyCThTtWYgxjWHgU7ZkyvA==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.3.tgz",
+      "integrity": "sha512-0D4/oMM2Y9Ta3nGuCcQN8jjJjmDPYpHX9OJzqk42NZGJocU2MqhBq5tWkJrUQOQY9N+In9xOdymzapM09GeiZw==",
       "cpu": [
         "arm64"
       ],
@@ -2175,9 +2177,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.19.tgz",
-      "integrity": "sha512-htwOEagMa/CXNykFFeAHHvMJeqZfNQEoQvHfsA4wgg5QqGNqD5soeCer4oGlCol6NGUxknrQO6VEustcv+Md+g==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.3.tgz",
+      "integrity": "sha512-ENPiNnBNDInBLyUU5ii8PMQh+4XLr4pG51tOp6aJ9xqFQ2iRI6IH0Ds2yJkAzNV1CfyagcyzPfROMViS2wOZ9w==",
       "cpu": [
         "x64"
       ],
@@ -2190,9 +2192,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.19.tgz",
-      "integrity": "sha512-4Gj4vvtbK1JH8ApWTT214b3GwUh9EKKQjY41hH/t+u55Knxi/0wesMzwQRhppK6Ddalhu0TEttbiJ+wRcoEj5Q==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.3.tgz",
+      "integrity": "sha512-BTAbq0LnCbF5MtoM7I/9UeUu/8ZBY0i8SFjUMCbPDOLv+un67e2JgyN4pmgfXBwy/I+RHu8q+k+MCkDN6P9ViQ==",
       "cpu": [
         "x64"
       ],
@@ -2205,9 +2207,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.19.tgz",
-      "integrity": "sha512-bUfDevQK4NsIAHXs3/JNgnvEY+LRyneDN788W2NYiRIIzmILjba7LaQTfihuFawZDhRtkYCv3JDC3B4TwnmRJw==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.3.tgz",
+      "integrity": "sha512-AEHIw/dhAMLNFJFJIJIyOFDzrzI5bAjI9J26gbO5xhAKHYTZ9Or04BesFPXiAYXDNdrwTP2dQceYA4dL1geu8A==",
       "cpu": [
         "arm64"
       ],
@@ -2220,9 +2222,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.19.tgz",
-      "integrity": "sha512-Y5kikILFAr81LYIFaw6j/NrOtmiM4Sf3GtOc0pn50ez2GCkr+oejYuKGcwAwq3jiTKuzF6OF4iT2INPoxRycEA==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.3.tgz",
+      "integrity": "sha512-vga40n1q6aYb0CLrM+eEmisfKCR45ixQYXuBXxOOmmoV8sYST9k7E3US32FsY+CkkF7NtzdcebiFT4CHuMSyZw==",
       "cpu": [
         "ia32"
       ],
@@ -2235,9 +2237,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.19.tgz",
-      "integrity": "sha512-YzA78jBDXMYiINdPdJJwGgPNT3YqBNNGhsthsDoWHL9p24tEJn9ViQf/ZqTbwSpX/RrkPupLfuuTH2sf73JBAw==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.3.tgz",
+      "integrity": "sha512-Q1/zm43RWynxrO7lW4ehciQVj+5ePBhOK+/K2P7pLFX3JaJ/IZVC69SHidrmZSOkqz7ECIOhhy7XhAFG4JYyHA==",
       "cpu": [
         "x64"
       ],
@@ -3272,11 +3274,17 @@
         "string.prototype.matchall": "^4.0.6"
       }
     },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
     "node_modules/@swc/helpers": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
-      "integrity": "sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==",
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz",
+      "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==",
       "dependencies": {
+        "@swc/counter": "^0.1.3",
         "tslib": "^2.4.0"
       }
     },
@@ -3337,9 +3345,9 @@
       "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA=="
     },
     "node_modules/@types/node": {
-      "version": "20.12.7",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.7.tgz",
-      "integrity": "sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg==",
+      "version": "20.12.12",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.12.tgz",
+      "integrity": "sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -3350,18 +3358,18 @@
       "integrity": "sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w=="
     },
     "node_modules/@types/react": {
-      "version": "18.2.78",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.78.tgz",
-      "integrity": "sha512-qOwdPnnitQY4xKlKayt42q5W5UQrSHjgoXNVEtxeqdITJ99k4VXJOP3vt8Rkm9HmgJpH50UNU+rlqfkfWOqp0A==",
+      "version": "18.3.2",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.2.tgz",
+      "integrity": "sha512-Btgg89dAnqD4vV7R3hlwOxgqobUQKgx3MmrQRi0yYbs/P0ym8XozIAlkqVilPqHQwXs4e9Tf63rrCgl58BcO4w==",
       "dependencies": {
         "@types/prop-types": "*",
         "csstype": "^3.0.2"
       }
     },
     "node_modules/@types/react-dom": {
-      "version": "18.2.25",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.2.25.tgz",
-      "integrity": "sha512-o/V48vf4MQh7juIKZU2QGDfli6p1+OOi5oXx36Hffpc9adsHeXjVp8rHuPkjd8VT8sOJ2Zp05HR7CdpGTIUFUA==",
+      "version": "18.3.0",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
+      "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
       "dependencies": {
         "@types/react": "*"
       }
@@ -4293,9 +4301,9 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
     },
     "node_modules/clsx": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz",
-      "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
       "engines": {
         "node": ">=6"
       }
@@ -4414,6 +4422,15 @@
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
     },
+    "node_modules/date-fns": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
@@ -4804,11 +4821,11 @@
       }
     },
     "node_modules/eslint-config-next": {
-      "version": "14.2.1",
-      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.2.1.tgz",
-      "integrity": "sha512-BgD0kPCWMlqoItRf3xe9fG0MqwObKfVch+f2ccwDpZiCJA8ghkz2wrASH+bI6nLZzGcOJOpMm1v1Q1euhfpt4Q==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-14.2.3.tgz",
+      "integrity": "sha512-ZkNztm3Q7hjqvB1rRlOX8P9E/cXRL9ajRcs8jufEtwMfTVYRqnmtnaSu57QqHyBlovMuiB8LEzfLBkh5RYV6Fg==",
       "dependencies": {
-        "@next/eslint-plugin-next": "14.2.1",
+        "@next/eslint-plugin-next": "14.2.3",
         "@rushstack/eslint-patch": "^1.3.3",
         "@typescript-eslint/parser": "^5.4.2 || ^6.0.0 || 7.0.0 - 7.2.0",
         "eslint-import-resolver-node": "^0.3.6",
@@ -5500,7 +5517,8 @@
     "node_modules/glob-to-regexp": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "peer": true
     },
     "node_modules/globals": {
       "version": "13.23.0",
@@ -6548,38 +6566,38 @@
       "peer": true
     },
     "node_modules/next": {
-      "version": "13.4.19",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.4.19.tgz",
-      "integrity": "sha512-HuPSzzAbJ1T4BD8e0bs6B9C1kWQ6gv8ykZoRWs5AQoiIuqbGHHdQO7Ljuvg05Q0Z24E2ABozHe6FxDvI6HfyAw==",
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.3.tgz",
+      "integrity": "sha512-dowFkFTR8v79NPJO4QsBUtxv0g9BrS/phluVpMAt2ku7H+cbcBJlopXjkWlwxrk/xGqMemr7JkGPGemPrLLX7A==",
       "dependencies": {
-        "@next/env": "13.4.19",
-        "@swc/helpers": "0.5.1",
+        "@next/env": "14.2.3",
+        "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
-        "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.14",
-        "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0",
-        "zod": "3.21.4"
+        "caniuse-lite": "^1.0.30001579",
+        "graceful-fs": "^4.2.11",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.1"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=16.8.0"
+        "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.4.19",
-        "@next/swc-darwin-x64": "13.4.19",
-        "@next/swc-linux-arm64-gnu": "13.4.19",
-        "@next/swc-linux-arm64-musl": "13.4.19",
-        "@next/swc-linux-x64-gnu": "13.4.19",
-        "@next/swc-linux-x64-musl": "13.4.19",
-        "@next/swc-win32-arm64-msvc": "13.4.19",
-        "@next/swc-win32-ia32-msvc": "13.4.19",
-        "@next/swc-win32-x64-msvc": "13.4.19"
+        "@next/swc-darwin-arm64": "14.2.3",
+        "@next/swc-darwin-x64": "14.2.3",
+        "@next/swc-linux-arm64-gnu": "14.2.3",
+        "@next/swc-linux-arm64-musl": "14.2.3",
+        "@next/swc-linux-x64-gnu": "14.2.3",
+        "@next/swc-linux-x64-musl": "14.2.3",
+        "@next/swc-win32-arm64-msvc": "14.2.3",
+        "@next/swc-win32-ia32-msvc": "14.2.3",
+        "@next/swc-win32-x64-msvc": "14.2.3"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.41.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -6588,6 +6606,9 @@
         "@opentelemetry/api": {
           "optional": true
         },
+        "@playwright/test": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
@@ -6658,9 +6679,9 @@
       }
     },
     "node_modules/next/node_modules/postcss": {
-      "version": "8.4.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
-      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -6669,10 +6690,14 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.4",
+        "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       },
@@ -7220,9 +7245,9 @@
       }
     },
     "node_modules/prettier-plugin-tailwindcss": {
-      "version": "0.5.13",
-      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.13.tgz",
-      "integrity": "sha512-2tPWHCFNC+WRjAC4SIWQNSOdcL1NNkydXim8w7TDqlZi+/ulZYz2OouAI6qMtkggnPt7lGamboj6LcTMwcCvoQ==",
+      "version": "0.5.14",
+      "resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.14.tgz",
+      "integrity": "sha512-Puaz+wPUAhFp8Lo9HuciYKM2Y2XExESjeT+9NQoVFXZsPPnc9VYss2SpxdQ6vbatmt8/4+SN0oe0I1cPDABg9Q==",
       "dev": true,
       "engines": {
         "node": ">=14.21.3"
@@ -7350,9 +7375,9 @@
       }
     },
     "node_modules/react": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.2.0.tgz",
-      "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -7360,16 +7385,29 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-day-picker": {
+      "version": "8.10.1",
+      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.10.1.tgz",
+      "integrity": "sha512-TMx7fNbhLk15eqcMt+7Z7S2KF7mfTId/XJDjKE8f+IUcFn0l08/kI4FiYTL/0yuOLmEcbR4Fwe3GJf/NiiMnPA==",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/gpbl"
+      },
+      "peerDependencies": {
+        "date-fns": "^2.28.0 || ^3.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
       "dependencies": {
         "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
+        "scheduler": "^0.23.2"
       },
       "peerDependencies": {
-        "react": "^18.2.0"
+        "react": "^18.3.1"
       }
     },
     "node_modules/react-is": {
@@ -7763,9 +7801,9 @@
       }
     },
     "node_modules/scheduler": {
-      "version": "0.23.0",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
-      "integrity": "sha512-CtuThmgHNg7zIZWAXi3AsyIzA3n4xx7aNyjwC2VJldO2LMVDhFK+63xGqq6CsJH4rTAt6/M+N4GhZiDYPx9eUw==",
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
       "dependencies": {
         "loose-envify": "^1.1.0"
       }
@@ -8193,11 +8231,11 @@
       }
     },
     "node_modules/tailwind-merge": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.2.2.tgz",
-      "integrity": "sha512-tWANXsnmJzgw6mQ07nE3aCDkCK4QdT3ThPMCzawoYA2Pws7vSTCvz3Vrjg61jVUGfFZPJzxEP+NimbcW+EdaDw==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-2.3.0.tgz",
+      "integrity": "sha512-vkYrLpIP+lgR0tQCG6AP7zZXCTLc1Lnv/CCRT3BqJ9CZ3ui2++GPaGb1x/ILsINIMSYqqvrpqjUFsMNLlW99EA==",
       "dependencies": {
-        "@babel/runtime": "^7.24.0"
+        "@babel/runtime": "^7.24.1"
       },
       "funding": {
         "type": "github",
@@ -8720,9 +8758,9 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/vaul": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/vaul/-/vaul-0.9.0.tgz",
-      "integrity": "sha512-bZSySGbAHiTXmZychprnX/dE0EsSige88xtyyL3/MCRbrFotRPQZo7UdydGXZWw+CKbNOw5Ow8gwAo93/nB/Cg==",
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/vaul/-/vaul-0.9.1.tgz",
+      "integrity": "sha512-fAhd7i4RNMinx+WEm6pF3nOl78DFkAazcN04ElLPFF9BMCNGbY/kou8UMhIcicm0rJCNePJP0Yyza60gGOD0Jw==",
       "dependencies": {
         "@radix-ui/react-dialog": "^1.0.4"
       },
@@ -8735,6 +8773,7 @@
       "version": "2.4.0",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
       "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "peer": true,
       "dependencies": {
         "glob-to-regexp": "^0.4.1",
         "graceful-fs": "^4.1.2"
@@ -9305,14 +9344,6 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
-    },
-    "node_modules/zod": {
-      "version": "3.21.4",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
-      "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index 2320901b..e491d0e0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "qrix",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@fluentui/react-icons": "^2.0.235",
+    "@fluentui/react-icons": "^2.0.239",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -22,34 +22,36 @@
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@types/node": "20.12.7",
-    "@types/react": "18.2.78",
-    "@types/react-dom": "18.2.25",
+    "@types/node": "20.12.12",
+    "@types/react": "18.3.2",
+    "@types/react-dom": "18.3.0",
     "autoprefixer": "10.4.19",
     "bwip-js": "^4.3.2",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
+    "date-fns": "^3.6.0",
     "eslint": "8.56.0",
-    "eslint-config-next": "14.2.1",
+    "eslint-config-next": "14.2.3",
     "file-saver": "^2.0.5",
-    "next": "13.4.19",
+    "next": "14.2.3",
     "next-pwa": "^5.6.0",
     "next-themes": "^0.3.0",
     "next-translate": "^2.6.2",
     "next-translate-plugin": "^2.6.2",
     "postcss": "8.4.38",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "tailwind-merge": "^2.2.2",
+    "react": "18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "18.3.1",
+    "tailwind-merge": "^2.3.0",
     "tailwindcss": "3.4.3",
     "tailwindcss-animate": "^1.0.7",
     "typescript": "5.4.5",
-    "vaul": "^0.9.0"
+    "vaul": "^0.9.1"
   },
   "devDependencies": {
     "@types/file-saver": "^2.0.7",
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.13"
+    "prettier-plugin-tailwindcss": "^0.5.14"
   }
 }
diff --git a/pages/barcode.tsx b/pages/barcode.tsx
index 573a8b02..e7500a1f 100644
--- a/pages/barcode.tsx
+++ b/pages/barcode.tsx
@@ -54,6 +54,7 @@ import { barcodeTypes } from "@/lib/barcodeTypes";
 import { TextXAlign } from "@/types/text-x-align";
 import { TextYAlign } from "@/types/text-y-align";
 import { ScrollArea } from "@/components/ui/scroll-area";
+import { RotateOption } from "@/types/rotate-type";
 export default function BarcodePage() {
   const { t, lang } = useTranslation("common");
   const settings: Settings = GetSettings();
@@ -68,6 +69,9 @@ export default function BarcodePage() {
   const [bg, setBg] = useState(settings.barcodeBg);
   const [textxalign, setTextXAlign] = useState<TextXAlign>(settings.textxalign);
   const [textyalign, setTextYAlign] = useState<TextYAlign>(settings.textyalign);
+  const [rotation, setRotation] = useState<RotateOption>(
+    settings.barcodeRotation ?? "N",
+  );
   const [fontSize, setFontSize] = useState(settings.textsize);
   const [open, setOpen] = useState(false);
   const [vis, setVis] = useState(false);
@@ -116,6 +120,19 @@ export default function BarcodePage() {
     }
   }
 
+  function toRotation(s: string): RotateOption {
+    switch (s) {
+      case "I":
+        return "I";
+      case "L":
+        return "L";
+      case "R":
+        return "R";
+      default:
+        return "N";
+    }
+  }
+
   function genBarcode() {
     try {
       // The return value is the canvas element
@@ -133,6 +150,7 @@ export default function BarcodePage() {
         textcolor: fg.substring(1),
         textsize: fontSize,
         alttext: alt,
+        rotate: rotation,
       });
       AddHistory(
         {
@@ -148,6 +166,7 @@ export default function BarcodePage() {
           textcolor: fg.substring(1),
           textsize: fontSize,
           alttext: alt,
+          rotate: rotation,
         },
         "barcode",
       );
@@ -415,6 +434,23 @@ export default function BarcodePage() {
               <SelectItem value="below">{t("below")}</SelectItem>
             </SelectContent>
           </Select>
+          <p>{t("rotation")}</p>
+          <Select
+            defaultValue={rotation}
+            onValueChange={(e) => {
+              setRotation(toRotation(e));
+            }}
+          >
+            <SelectTrigger className="h-auto w-[150px] p-1">
+              <SelectValue placeholder={t("text-x-align")} />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="N">{t("normal")}</SelectItem>
+              <SelectItem value="R">{t("right")}</SelectItem>
+              <SelectItem value="L">{t("left")}</SelectItem>
+              <SelectItem value="I">{t("inverted")}</SelectItem>
+            </SelectContent>
+          </Select>
           <p>{t("font-size")}</p>
           <div className="w-[50px] rounded-md bg-white shadow-md dark:bg-slate-800">
             <Input
diff --git a/pages/qrcode.tsx b/pages/qrcode.tsx
index ae2d30c9..52802041 100644
--- a/pages/qrcode.tsx
+++ b/pages/qrcode.tsx
@@ -3,7 +3,6 @@ import { Layout } from "@/components/layout";
 import Head from "next/head";
 import { PageContent } from "@/components/page";
 import {
-  Calendar3Day20Regular,
   Checkmark16Regular,
   ChevronDown16Regular,
   Copy16Regular,
@@ -55,6 +54,9 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Textarea } from "@/components/ui/textarea";
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { ContactInfo } from "@/lib/contact";
+import { RotateOption } from "@/types/rotate-type";
+import { CalendarEvent } from "@/lib/calendar-event";
+import { DatePicker } from "@/components/ui/date-picker";
 
 export default function BarcodePage() {
   const { t, lang } = useTranslation("common");
@@ -74,6 +76,9 @@ export default function BarcodePage() {
   const [textyalign, setTextYAlign] = useState<TextYAlign>(
     settings.qrTextyalign,
   );
+  const [rotation, setRotation] = useState<RotateOption>(
+    settings.qrRotation ?? "N",
+  );
   const [fontSize, setFontSize] = useState(settings.qrTextsize);
   const [alt, setAlt] = useState("");
   const [open, setOpen] = useState(false);
@@ -111,6 +116,13 @@ export default function BarcodePage() {
     website: "",
   });
 
+  const [event, setEvent] = useState<CalendarEvent>({
+    title: "",
+    description: "",
+    location: "",
+    start: "",
+    end: "",
+  });
   const handleInputChange = (event: {
     target: { value: SetStateAction<string> };
   }) => {
@@ -142,6 +154,9 @@ export default function BarcodePage() {
         case "contact":
           textContent = `BEGIN:VCARD\nVERSION:3.0\nN:${contact.lastName};${contact.firstName};\nFN:${contact.firstName} ${contact.lastName}\nORG:${contact.company}\nTEL;TYPE="cell,home":${contact.mobile}\nTEL;TYPE="fax,work":${contact.fax}\nTEL;TYPE="voice,home":${contact.phone}\nEMAIL:${contact.email}\nADR;TYPE=dom,home,postal,parcel:;;${contact.address.street};${contact.address.city};${contact.address.state};${contact.address.zip};${contact.address.country};\nTITLE:${contact.job}\nURL:${contact.website}\nEND:VCARD`;
           break;
+        case "event":
+          textContent = `BEGIN:VEVENT\nSUMMARY:${event.title}\nDESCRIPTION:${event.description}\nLOCATION:${event.location}\nDTSTART:${event.start}\nDTEND:${event.end}\nEND:VEVENT`;
+          break;
         default:
           textContent = content;
           break;
@@ -160,6 +175,7 @@ export default function BarcodePage() {
         textsize: fontSize,
         textyalign: textyalign,
         textxalign: textxalign,
+        rotate: rotation,
       });
       AddHistory(
         {
@@ -174,6 +190,8 @@ export default function BarcodePage() {
           barcolor: fg.substring(1),
           textcolor: fg.substring(1),
           alttext: showText ? textContent : "",
+
+          rotate: rotation,
         },
         "qrcode",
       );
@@ -254,6 +272,19 @@ export default function BarcodePage() {
         return "center";
     }
   }
+
+  function toRotation(s: string): RotateOption {
+    switch (s) {
+      case "I":
+        return "I";
+      case "L":
+        return "L";
+      case "R":
+        return "R";
+      default:
+        return "N";
+    }
+  }
   return (
     <Layout>
       <Head>
@@ -291,6 +322,9 @@ export default function BarcodePage() {
                   >
                     {t("contact")}
                   </TabsTrigger>
+                  <TabsTrigger onClick={() => setTab("event")} value="event">
+                    {t("event")}
+                  </TabsTrigger>
                 </span>
                 <span className="flex space-x-2">
                   <div className="rounded-md shadow-md">
@@ -611,6 +645,57 @@ export default function BarcodePage() {
                   />
                 </div>
               </TabsContent>
+              <TabsContent value="event">
+                <div className="grid grid-cols-2 gap-y-1">
+                  <p>{t("event-title")}</p>
+                  <Input
+                    onChange={(v) => {
+                      let e = Object.create(event);
+                      e.title = v.target.value;
+                      setEvent(e);
+                    }}
+                    value={event.title}
+                    placeholder={t("event")}
+                  />
+
+                  <p>{t("description")}</p>
+                  <Textarea
+                    onChange={(v) => {
+                      let e = Object.create(event);
+                      e.description = v.target.value;
+                      setEvent(e);
+                    }}
+                    value={event.description}
+                    placeholder={t("description")}
+                  />
+                  <p>{t("location")}</p>
+                  <Input
+                    onChange={(v) => {
+                      let e = Object.create(event);
+                      e.location = v.target.value;
+                      setEvent(e);
+                    }}
+                    value={event.location}
+                    placeholder={t("location")}
+                  />
+                  <p>{t("start-date")}</p>
+                  <DatePicker
+                    setDate={(date: string) => {
+                      let e = Object.create(event);
+                      e.start = date;
+                      setEvent(e);
+                    }}
+                  />
+                  <p>{t("end-date")}</p>
+                  <DatePicker
+                    setDate={(date: string) => {
+                      let e = Object.create(event);
+                      e.end = date;
+                      setEvent(e);
+                    }}
+                  />
+                </div>
+              </TabsContent>
             </Tabs>
           </div>
 
@@ -719,6 +804,23 @@ export default function BarcodePage() {
               <SelectItem value="below">{t("below")}</SelectItem>
             </SelectContent>
           </Select>
+          <p>{t("rotation")}</p>
+          <Select
+            defaultValue={rotation}
+            onValueChange={(e) => {
+              setRotation(toRotation(e));
+            }}
+          >
+            <SelectTrigger className="h-auto w-[150px] p-1">
+              <SelectValue placeholder={t("text-x-align")} />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="N">{t("normal")}</SelectItem>
+              <SelectItem value="R">{t("right")}</SelectItem>
+              <SelectItem value="L">{t("left")}</SelectItem>
+              <SelectItem value="I">{t("inverted")}</SelectItem>
+            </SelectContent>
+          </Select>
           <p>{t("font-size")}</p>
           <div className="w-[50px] rounded-md bg-white shadow-md dark:bg-slate-800">
             <Input
diff --git a/pages/settings.tsx b/pages/settings.tsx
index e724f57f..2538f55e 100644
--- a/pages/settings.tsx
+++ b/pages/settings.tsx
@@ -75,6 +75,7 @@ import { ScrollArea } from "@/components/ui/scroll-area";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
 import { qrCodeTypes } from "@/lib/qrCodeTypes";
+import { RotateOption } from "@/types/rotate-type";
 export default function SettingsPage() {
   const { t, lang } = useTranslation("common"); // default namespace (optional)
   const { setTheme } = useTheme();
@@ -88,6 +89,8 @@ export default function SettingsPage() {
   if (settings.qrTextyalign === undefined) settings.qrTextyalign = "below";
   if (settings.qrShowText === undefined) settings.qrShowText = false;
   if (settings.qrType === undefined) settings.qrType = "qrcode";
+  if (settings.qrRotation === undefined) settings.qrRotation = "N";
+  if (settings.barcodeRotation === undefined) settings.barcodeRotation = "N";
 
   const [barFg, setBarFg] = useState(settings.barcodeFg);
   const [barBg, setBarBg] = useState(settings.barcodeBg);
@@ -105,8 +108,10 @@ export default function SettingsPage() {
   const [qrShowText, setQrShowText] = useState(settings.qrShowText);
   const [open, setOpen] = useState(false);
   const [qrOpen, setQrOpen] = useState(false);
+  const [barRotation, setBarRotation] = useState<RotateOption>("N");
+  const [qrRotation, setQrRotation] = useState<RotateOption>("N");
 
-  const ver = "1.7.0.2404";
+  const ver = "1.8.0.2405";
   function isSettings(object: any): object is Settings {
     return (
       typeof object === "object" &&
@@ -186,6 +191,19 @@ export default function SettingsPage() {
         return "center";
     }
   }
+
+  function toRotation(s: string): RotateOption {
+    switch (s) {
+      case "I":
+        return "I";
+      case "L":
+        return "L";
+      case "R":
+        return "R";
+      default:
+        return "N";
+    }
+  }
   return (
     <Layout>
       <Head>
@@ -522,6 +540,25 @@ export default function SettingsPage() {
                       <SelectItem value="below">{t("below")}</SelectItem>
                     </SelectContent>
                   </Select>
+                  <p>{t("rotation")}</p>
+                  <Select
+                    defaultValue={barRotation}
+                    onValueChange={(e) => {
+                      settings.barcodeRotation = toRotation(e);
+                      SetSettings(settings);
+                      setBarRotation(toRotation(e));
+                    }}
+                  >
+                    <SelectTrigger className="h-auto w-[150px] p-1">
+                      <SelectValue placeholder={t("text-x-align")} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="N">{t("normal")}</SelectItem>
+                      <SelectItem value="R">{t("right")}</SelectItem>
+                      <SelectItem value="L">{t("left")}</SelectItem>
+                      <SelectItem value="I">{t("inverted")}</SelectItem>
+                    </SelectContent>
+                  </Select>
                   <p>{t("font-size")}</p>
                   <Input
                     defaultValue={fontSize}
@@ -688,6 +725,25 @@ export default function SettingsPage() {
                       <SelectItem value="below">{t("below")}</SelectItem>
                     </SelectContent>
                   </Select>
+                  <p>{t("rotation")}</p>
+                  <Select
+                    defaultValue={qrRotation}
+                    onValueChange={(e) => {
+                      settings.qrRotation = toRotation(e);
+                      SetSettings(settings);
+                      setQrRotation(toRotation(e));
+                    }}
+                  >
+                    <SelectTrigger className="h-auto w-[150px] p-1">
+                      <SelectValue placeholder={t("text-x-align")} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      <SelectItem value="N">{t("normal")}</SelectItem>
+                      <SelectItem value="R">{t("right")}</SelectItem>
+                      <SelectItem value="L">{t("left")}</SelectItem>
+                      <SelectItem value="I">{t("inverted")}</SelectItem>
+                    </SelectContent>
+                  </Select>
                   <p>{t("font-size")}</p>
                   <Input
                     defaultValue={qrFontSize}
diff --git a/public/sw.js b/public/sw.js
index c94bffdc..20f3b1b1 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -1 +1 @@
-if(!self.define){let e,s={};const n=(n,t)=>(n=new URL(n+".js",t).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(t,c)=>{const i=e||("document"in self?document.currentScript.src:"")||location.href;if(s[i])return;let a={};const r=e=>n(e,i),d={module:{uri:i},exports:a,require:r};s[i]=Promise.all(t.map((e=>d[e]||r(e)))).then((e=>(c(...e),a)))}}define(["./workbox-7c2a5a06"],(function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/DarkTheme.png",revision:"58eb2b1aec9f84c4cc04dbb973f50418"},{url:"/LightTheme.png",revision:"a18d3b3759012c3da95a9428bbdadbb5"},{url:"/SystemTheme.png",revision:"56f6cf6103e1c5bcbc2d5e3f4f97f3e8"},{url:"/_next/app-build-manifest.json",revision:"434af078512000203212119bf342c673"},{url:"/_next/static/Jn9tq_eK8kXezcmJdVd6f/_buildManifest.js",revision:"067c3f05f455c68a5b44d105351ec601"},{url:"/_next/static/Jn9tq_eK8kXezcmJdVd6f/_ssgManifest.js",revision:"b6652df95db52feb4daf4eca35380933"},{url:"/_next/static/chunks/0d9c1337-6683876c301ea667.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/0f1159e5-dd20bfc2fae2cadb.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/115-b371eb62d024a4e0.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/167.d6f9cfd32b390275.js",revision:"d6f9cfd32b390275"},{url:"/_next/static/chunks/188-676749a0cafa1137.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/23-9809e358b1d53e74.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/317-654eea0fa1ef2a6d.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/336-8d8f0556870883eb.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/464.10421aca789ff809.js",revision:"10421aca789ff809"},{url:"/_next/static/chunks/46498fd9-7ab5b684a503e308.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/52c63b42-00ba76568282d615.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/613-180f169fff318e63.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/614c10bb-0a1a2a139fa036c6.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/633-f08fe7a188c59397.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/731-08e449e1bd42f044.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/7fab36dd-2cdf14f43e1e605f.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/842-a10e1e12a107f150.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/952-f8280db1f105a90a.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/975-a12a538d5a69d9fc.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/9ef4ab7f-a15e00d079d2d46a.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/9ff28164-52e256b09c5a0887.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/f4debfa0-b1213347fae24c31.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/fd0b3a01-f4b16c36fc153c1a.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/fd9d1056-b228836c27634f8d.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/framework-2ccf0da5660619af.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/main-app-9b5486aa8038b6a0.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/main-ce39c05c4285a329.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/_app-53cab3bdb24fa461.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/_error-a831210ab06585d2.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/barcode-d4bce84794071b23.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/history-98df37906c6db667.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/index-8c3a9ae7a7261c78.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/qrcode-b909318568fe51c6.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/pages/settings-d31d0fd289c8bc23.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js",revision:"79330112775102f91e1010318bae2bd3"},{url:"/_next/static/chunks/webpack-6521ef46031faa80.js",revision:"Jn9tq_eK8kXezcmJdVd6f"},{url:"/_next/static/css/f73f5b7add730b5c.css",revision:"f73f5b7add730b5c"},{url:"/_next/static/media/FluentSystemIcons-Filled.cd54074e.ttf",revision:"cd54074e"},{url:"/_next/static/media/FluentSystemIcons-Regular.d8462c0c.ttf",revision:"d8462c0c"},{url:"/_next/static/media/Hauora-ExtraBold.d1b2438a.ttf",revision:"d1b2438a"},{url:"/_next/static/media/Hauora-Regular.b0cb4241.ttf",revision:"b0cb4241"},{url:"/_next/static/media/dark.682493e2.png",revision:"682493e2"},{url:"/_next/static/media/white.ac9eb76b.png",revision:"ac9eb76b"},{url:"/dark.png",revision:"334d51a8cb1829b9ec7d76066eaea2e2"},{url:"/favicon.ico",revision:"46f8166f8a4c6a6fd33fdfa333c36177"},{url:"/fonts/FluentSystemIcons-Filled.ttf",revision:"f8fccaa06c212c7c31fc56bcf96017e6"},{url:"/fonts/FluentSystemIcons-Regular.ttf",revision:"0f7cbde6838ba772cd85a488e6cebd88"},{url:"/fonts/Hauora-ExtraBold.ttf",revision:"ac6cb6e7f3223ef711de688ac29c61d6"},{url:"/fonts/Hauora-Regular.ttf",revision:"18a69d21a23b14744cfe0b8960724df7"},{url:"/images/icons/icon-128x128.png",revision:"777fa31991ae68b4b6da2547ea765973"},{url:"/images/icons/icon-144x144.png",revision:"0ddb0e4f1cef853ef3f1e926578502b5"},{url:"/images/icons/icon-152x152.png",revision:"eba1e161ef014f900c852ad1cbad92f5"},{url:"/images/icons/icon-192x192.png",revision:"b04d6bbad1351a920c12c2ba4fb8c3e9"},{url:"/images/icons/icon-384x384.png",revision:"f616fa18bd1f358fa132ab12615b1bf7"},{url:"/images/icons/icon-512x512.png",revision:"863f1ad61e7d3125e89ffa6f171b52e6"},{url:"/images/icons/icon-72x72.png",revision:"f5b750198b56dcd39026c7a0a0607a83"},{url:"/images/icons/icon-96x96.png",revision:"44915e9e398cd20cedf717a2e1e82cb0"},{url:"/images/social.png",revision:"fa81d25a2676b9d9a22d107eb59cb193"},{url:"/manifest.json",revision:"b2e23949ff78e5b325d94a8dc7ff5d05"},{url:"/white.png",revision:"29b8ca7f6c41e9c278350ac42a87d0fc"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:s,event:n,state:t})=>s&&"opaqueredirect"===s.type?new Response(s.body,{status:200,statusText:"OK",headers:s.headers}):s}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;const s=e.pathname;return!s.startsWith("/api/auth/")&&!!s.startsWith("/api/")}),new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")}),new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>!(self.origin===e.origin)),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}));
+if(!self.define){let e,s={};const n=(n,i)=>(n=new URL(n+".js",i).href,s[n]||new Promise((s=>{if("document"in self){const e=document.createElement("script");e.src=n,e.onload=s,document.head.appendChild(e)}else e=n,importScripts(n),s()})).then((()=>{let e=s[n];if(!e)throw new Error(`Module ${n} didn’t register its module`);return e})));self.define=(i,a)=>{const c=e||("document"in self?document.currentScript.src:"")||location.href;if(s[c])return;let t={};const r=e=>n(e,c),o={module:{uri:c},exports:t,require:r};s[c]=Promise.all(i.map((e=>o[e]||r(e)))).then((e=>(a(...e),t)))}}define(["./workbox-7c2a5a06"],(function(e){"use strict";importScripts(),self.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"/DarkTheme.png",revision:"58eb2b1aec9f84c4cc04dbb973f50418"},{url:"/LightTheme.png",revision:"a18d3b3759012c3da95a9428bbdadbb5"},{url:"/SystemTheme.png",revision:"56f6cf6103e1c5bcbc2d5e3f4f97f3e8"},{url:"/_next/app-build-manifest.json",revision:"434af078512000203212119bf342c673"},{url:"/_next/static/KA7Ss9WAZRqblB0WBpG8Q/_buildManifest.js",revision:"7af5fac41abb505b59bbee4f3b8f020f"},{url:"/_next/static/KA7Ss9WAZRqblB0WBpG8Q/_ssgManifest.js",revision:"b6652df95db52feb4daf4eca35380933"},{url:"/_next/static/chunks/0d9c1337-89f978d8ad91e749.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/0f1159e5-09cd0090c857855d.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/125-887410cceff33e07.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/161-7b09aa2d267c828c.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/167.365b1ae7168a2335.js",revision:"365b1ae7168a2335"},{url:"/_next/static/chunks/222-2e6bc9e4d49263d0.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/258-70929e7973b19621.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/381-ee39cf3e6ce228cf.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/45-cd5e392180b58efe.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/464.ac4fd99296da88d0.js",revision:"ac4fd99296da88d0"},{url:"/_next/static/chunks/46498fd9-82ee5cc345743015.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/52c63b42-ee5887a77c3cba04.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/563-3c4f2be0b193485c.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/614c10bb-5a3895c4fca93c8b.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/632-60ff1af40422667f.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/659-c1e47c9a9aef65a4.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/680-97cb133c856265ca.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/725-79aa79bd6632be09.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/7fab36dd-bc1cebea25e6cee2.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/9ef4ab7f-0fcb4109351a5ad5.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/9ff28164-e5dd5bf4132dc281.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/f4debfa0-078708d586c87cbd.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/fd0b3a01-c0b6112a852e7c03.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/fd9d1056-c025bc11cb78418d.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/framework-5e5ab62b9ff727c7.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/main-84c993583e13f75c.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/main-app-b4908bca3e6b2cba.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/_app-7f9c02aaf31961da.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/_error-5478784767a55d93.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/barcode-f86eb47e43d39290.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/history-4d725ee479ca4137.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/index-6482bb76b1d84129.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/qrcode-165a32bdddd6e4c2.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/pages/settings-2a63419976aafd92.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js",revision:"79330112775102f91e1010318bae2bd3"},{url:"/_next/static/chunks/webpack-712b3a624edce733.js",revision:"KA7Ss9WAZRqblB0WBpG8Q"},{url:"/_next/static/css/8e24d56b2d9ae56e.css",revision:"8e24d56b2d9ae56e"},{url:"/_next/static/media/FluentSystemIcons-Filled.cd54074e.ttf",revision:"cd54074e"},{url:"/_next/static/media/FluentSystemIcons-Regular.d8462c0c.ttf",revision:"d8462c0c"},{url:"/_next/static/media/Hauora-ExtraBold.d1b2438a.ttf",revision:"d1b2438a"},{url:"/_next/static/media/Hauora-Regular.b0cb4241.ttf",revision:"b0cb4241"},{url:"/_next/static/media/dark.682493e2.png",revision:"682493e2"},{url:"/_next/static/media/white.ac9eb76b.png",revision:"ac9eb76b"},{url:"/dark.png",revision:"334d51a8cb1829b9ec7d76066eaea2e2"},{url:"/favicon.ico",revision:"46f8166f8a4c6a6fd33fdfa333c36177"},{url:"/fonts/FluentSystemIcons-Filled.ttf",revision:"f8fccaa06c212c7c31fc56bcf96017e6"},{url:"/fonts/FluentSystemIcons-Regular.ttf",revision:"0f7cbde6838ba772cd85a488e6cebd88"},{url:"/fonts/Hauora-ExtraBold.ttf",revision:"ac6cb6e7f3223ef711de688ac29c61d6"},{url:"/fonts/Hauora-Regular.ttf",revision:"18a69d21a23b14744cfe0b8960724df7"},{url:"/images/icons/icon-128x128.png",revision:"777fa31991ae68b4b6da2547ea765973"},{url:"/images/icons/icon-144x144.png",revision:"0ddb0e4f1cef853ef3f1e926578502b5"},{url:"/images/icons/icon-152x152.png",revision:"eba1e161ef014f900c852ad1cbad92f5"},{url:"/images/icons/icon-192x192.png",revision:"b04d6bbad1351a920c12c2ba4fb8c3e9"},{url:"/images/icons/icon-384x384.png",revision:"f616fa18bd1f358fa132ab12615b1bf7"},{url:"/images/icons/icon-512x512.png",revision:"863f1ad61e7d3125e89ffa6f171b52e6"},{url:"/images/icons/icon-72x72.png",revision:"f5b750198b56dcd39026c7a0a0607a83"},{url:"/images/icons/icon-96x96.png",revision:"44915e9e398cd20cedf717a2e1e82cb0"},{url:"/images/social.png",revision:"fa81d25a2676b9d9a22d107eb59cb193"},{url:"/manifest.json",revision:"b2e23949ff78e5b325d94a8dc7ff5d05"},{url:"/white.png",revision:"29b8ca7f6c41e9c278350ac42a87d0fc"}],{ignoreURLParametersMatching:[]}),e.cleanupOutdatedCaches(),e.registerRoute("/",new e.NetworkFirst({cacheName:"start-url",plugins:[{cacheWillUpdate:async({request:e,response:s,event:n,state:i})=>s&&"opaqueredirect"===s.type?new Response(s.body,{status:200,statusText:"OK",headers:s.headers}):s}]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,new e.CacheFirst({cacheName:"google-fonts-webfonts",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:31536e3})]}),"GET"),e.registerRoute(/^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,new e.StaleWhileRevalidate({cacheName:"google-fonts-stylesheets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,new e.StaleWhileRevalidate({cacheName:"static-font-assets",plugins:[new e.ExpirationPlugin({maxEntries:4,maxAgeSeconds:604800})]}),"GET"),e.registerRoute(/\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,new e.StaleWhileRevalidate({cacheName:"static-image-assets",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/image\?url=.+$/i,new e.StaleWhileRevalidate({cacheName:"next-image",plugins:[new e.ExpirationPlugin({maxEntries:64,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp3|wav|ogg)$/i,new e.CacheFirst({cacheName:"static-audio-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:mp4)$/i,new e.CacheFirst({cacheName:"static-video-assets",plugins:[new e.RangeRequestsPlugin,new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:js)$/i,new e.StaleWhileRevalidate({cacheName:"static-js-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:css|less)$/i,new e.StaleWhileRevalidate({cacheName:"static-style-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\/_next\/data\/.+\/.+\.json$/i,new e.StaleWhileRevalidate({cacheName:"next-data",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute(/\.(?:json|xml|csv)$/i,new e.NetworkFirst({cacheName:"static-data-assets",plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;const s=e.pathname;return!s.startsWith("/api/auth/")&&!!s.startsWith("/api/")}),new e.NetworkFirst({cacheName:"apis",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:16,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>{if(!(self.origin===e.origin))return!1;return!e.pathname.startsWith("/api/")}),new e.NetworkFirst({cacheName:"others",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:86400})]}),"GET"),e.registerRoute((({url:e})=>!(self.origin===e.origin)),new e.NetworkFirst({cacheName:"cross-origin",networkTimeoutSeconds:10,plugins:[new e.ExpirationPlugin({maxEntries:32,maxAgeSeconds:3600})]}),"GET")}));
diff --git a/types/history.ts b/types/history.ts
index 58826396..9f0c4568 100644
--- a/types/history.ts
+++ b/types/history.ts
@@ -1,3 +1,4 @@
+import { RotateOption } from "./rotate-type";
 import { TextXAlign } from "./text-x-align";
 import { TextYAlign } from "./text-y-align";
 
@@ -19,6 +20,7 @@ export interface GeneratedItem {
   textcolor: string;
   textsize?: number;
   alttext?: string;
+  rotate?: RotateOption;
 }
 
 export type ItemType = "barcode" | "qrcode";
diff --git a/types/rotate-type.ts b/types/rotate-type.ts
new file mode 100644
index 00000000..dd6fd677
--- /dev/null
+++ b/types/rotate-type.ts
@@ -0,0 +1 @@
+export type RotateOption = "N" | "I" | "R" | "L";
diff --git a/types/settings.ts b/types/settings.ts
index d24db2c9..78fff488 100644
--- a/types/settings.ts
+++ b/types/settings.ts
@@ -1,3 +1,4 @@
+import { RotateOption } from "./rotate-type";
 import { TextXAlign } from "./text-x-align";
 import { TextYAlign } from "./text-y-align";
 
@@ -16,4 +17,6 @@ export interface Settings {
   qrTextsize?: number;
   qrShowText?: boolean;
   qrType?: string;
+  qrRotation?: RotateOption;
+  barcodeRotation?: RotateOption;
 }