diff --git a/.env.development b/.env.development
index 718cc86..7546c14 100644
--- a/.env.development
+++ b/.env.development
@@ -5,4 +5,4 @@ REFRESH_DOMAIN="/refresh"
 FRONTEND_DOMAIN="http://localhost:3000"
 BACKEND_DOMAIN="https://meetmate.bencodes.de"
 GRAPHQL_URL="http://localhost:8080/graphql"
-SYNCFUSION_LICENSE="Ngo9BigBOggjHTQxAR8/V1NBaF5cXmZCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdnWXpfcHRSR2BdVUVxW0E="
\ No newline at end of file
+NEXT_PUBLIC_SYNCFUSION_LICENSE="Ngo9BigBOggjHTQxAR8/V1NBaF5cXmZCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdnWXpfcHRSR2BdVUVxW0E="
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 3d1e613..27dffd7 100644
--- a/.env.production
+++ b/.env.production
@@ -5,4 +5,4 @@ REFRESH_DOMAIN="/refresh"
 FRONTEND_DOMAIN="https://meetmate.dev"
 BACKEND_DOMAIN="https://meetmate.bencodes.de"
 GRAPHQL_URL="http://localhost:8080/graphql"
-SYNCFUSION_LICENSE="Ngo9BigBOggjHTQxAR8/V1NBaF5cXmZCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdnWXpfcHRSR2BdVUVxW0E="
\ No newline at end of file
+NEXT_PUBLIC_SYNCFUSION_LICENSE="Ngo9BigBOggjHTQxAR8/V1NBaF5cXmZCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdnWXpfcHRSR2BdVUVxW0E="
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index c762ffb..aa7c9e1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,3 +35,7 @@ next-env.d.ts
 bun.lockb
 
 /.idea
+
+.env.development
+.env.production
+.env.local
\ No newline at end of file
diff --git a/README.md b/README.md
index 68cc4b6..1849896 100644
--- a/README.md
+++ b/README.md
@@ -43,6 +43,17 @@ MeetMate is an innovative platform dedicated to small brands wanting to improve
    ```
    yarn install
    ```
+4. Add a .env file
+   ```dotenv
+    JWT_SECRET="mysecretvalue"
+    JWT_EXPIRATION_MS=60000
+    JWT_REFRESH_EXPIRATION_MS=1209600000
+    REFRESH_DOMAIN="/refresh"
+    FRONTEND_DOMAIN="http://localhost:3000" // for production use real domain
+    BACKEND_DOMAIN="https://meetmate.bencodes.de"
+    GRAPHQL_URL="http://localhost:8080/graphql"
+    NEXT_PUBLIC_SYNCFUSION_LICENSE="mysecretvalue"
+   ```
 
 ### Running the Application
 
diff --git a/package.json b/package.json
index 4930b9c..2e9bc5d 100644
--- a/package.json
+++ b/package.json
@@ -34,8 +34,8 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@hookform/resolvers": "^3.3.4",
-    "@radix-ui/react-alert-dialog": "^1.0.5",
     "@next/eslint-plugin-next": "^14.2.3",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
@@ -47,6 +47,12 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@react-three/drei": "^9.105.6",
+    "@react-three/fiber": "8.15.16",
+    "@reduxjs/toolkit": "^2.2.4",
+    "@splinetool/r3f-spline": "1.0.2",
+    "@splinetool/react-spline": "2.2.6",
+    "@splinetool/runtime": "1.0.42",
     "@syncfusion/ej2-base": "^25.2.3",
     "@syncfusion/ej2-react-buttons": "^25.2.3",
     "@syncfusion/ej2-react-calendars": "^25.2.3",
@@ -55,17 +61,11 @@
     "@syncfusion/ej2-react-navigations": "^25.2.3",
     "@syncfusion/ej2-react-schedule": "^25.2.3",
     "@syncfusion/ej2-react-splitbuttons": "^25.2.3",
-    "date-fns": "^3.6.0",
-    "@react-three/drei": "^9.105.6",
-    "@react-three/fiber": "8.15.16",
-    "@reduxjs/toolkit": "^2.2.4",
-    "@splinetool/r3f-spline": "1.0.2",
-    "@splinetool/react-spline": "2.2.6",
-    "@splinetool/runtime": "1.0.42",
     "@tweenjs/tween.js": "23.1.1",
     "class-variance-authority": "^0.7.0",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
+    "date-fns": "^3.6.0",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-tailwindcss": "^3.15.1",
     "framer-motion": "^11.1.9",
@@ -73,8 +73,8 @@
     "husky": "^9.0.11",
     "jsonwebtoken": "^9.0.2",
     "locomotive-scroll": "^5.0.0-beta.11",
-    "moment-timezone": "^0.5.45",
     "lucide-react": "^0.378.0",
+    "moment-timezone": "^0.5.45",
     "next": "14.2.3",
     "next-sitemap": "^4.2.3",
     "react": "^18",
diff --git a/src/components/dashboard/scheduler/Scheduler.tsx b/src/components/dashboard/scheduler/Scheduler.tsx
index 1c44cfe..50ee2f4 100644
--- a/src/components/dashboard/scheduler/Scheduler.tsx
+++ b/src/components/dashboard/scheduler/Scheduler.tsx
@@ -7,7 +7,14 @@ import { FaArrowRight, FaArrowLeft } from "react-icons/fa6";
 
 function Scheduler(props: {
   openingHours: { open: string; close: string };
-  data: Array<{ Id: number; Subject: string; Location: string; StartTime: Date; EndTime: Date; RecurrenceRule: string }>;
+  data: Array<{
+    Id: number;
+    Subject: string;
+    Location: string;
+    StartTime: Date;
+    EndTime: Date;
+    RecurrenceRule: string;
+  }>;
 }) {
   const eventSettings = { dataSource: props.data };
 
@@ -27,7 +34,7 @@ function Scheduler(props: {
 
   const predefinedColors = ["#6EE7B7", "#F87171", "#FACC15", "#3B82F6"];
 
-  registerLicense("Ngo9BigBOggjHTQxAR8/V1NBaF5cXmZCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdnWXpfcHRSR2BdVUVxW0E=");
+  registerLicense(process.env.NEXT_PUBLIC_SYNCFUSION_LICENSE!);
 
   const onEventClick = (args: { cancel: boolean }) => {
     args.cancel = true;