refactor: changed branch and type execution of workflow to main

.github/workflows/formating.yml

@@ -2,9 +2,8 @@ name: Check formatting of project files with Prettier
 
 on:
   pull_request:
-    types: [opened, edited, synchronize]
     branches:
-      - Dev
+      - main
 
 concurrency:
   group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}

nextjs-interface/src/app/dashboard/layout.tsx

@@ -11,7 +11,9 @@ export default function Layout({ children }: { children: React.ReactNode }) {
         <div className="hidden w-1/6 pl-5 dark:bg-slate-700 lg:block">
           <SideBarElement />
         </div>
-        <div className="w-full h-screen pt-5 dark:bg-slate-800 lg:w-5/6">{children}</div>
+        <div className="h-screen w-full pt-5 dark:bg-slate-800 lg:w-5/6">
+          {children}
+        </div>
       </div>
     </>
   );

nextjs-interface/src/app/ui/all/providers.tsx

@@ -9,23 +9,23 @@ import { ThemeContext } from "@/lib/Theme";
 // import scripts
 import { getCookie, setCookie } from "@/lib/cookies";
 
-export function Providers({ children }: { children: React.ReactNode; }) {
+export function Providers({ children }: { children: React.ReactNode }) {
   // set dark mode
   const [darkMode, setDarkMode] = useState(() => {
     const savedMode = getCookie("darkMode");
-    return savedMode ? savedMode === 'true' : false;
+    return savedMode ? savedMode === "true" : false;
   });
 
   // toggle dark mode
   const toggleDarkMode = () => {
     const newDarkMode = !darkMode;
     setDarkMode(newDarkMode);
-    setCookie({name: "darkMode", value: newDarkMode});
+    setCookie({ name: "darkMode", value: newDarkMode });
   };
 
   return (
-      <ThemeContext.Provider value={{ darkMode, toggleDarkMode }}>
-        {children}
-      </ThemeContext.Provider>
+    <ThemeContext.Provider value={{ darkMode, toggleDarkMode }}>
+      {children}
+    </ThemeContext.Provider>
   );
-}
+}

nextjs-interface/src/app/ui/dashboard/ChartElement.tsx

@@ -63,11 +63,17 @@ export function ChartElement({ data }: { data: avgData[] }) {
                 <div className="w-[250px] rounded-xl bg-secondary dark:bg-gray-900">
                   <div className="p-5">
                     <div className="flex flex-col">
-                      <h1 className="text-black dark:text-zinc-50">Date : {new Date(payload[0].payload.date).toLocaleDateString()}</h1>
-                        <p className="text-black dark:text-zinc-50">
-                            Temperature : {payload[0].payload.avg_temperature.toFixed(2)}°C</p>
-                        <p className="text-black dark:text-zinc-50">
-                                Humidity : {payload[0].payload.avg_humidity.toFixed(2)}%</p>
+                      <h1 className="text-black dark:text-zinc-50">
+                        Date :{" "}
+                        {new Date(payload[0].payload.date).toLocaleDateString()}
+                      </h1>
+                      <p className="text-black dark:text-zinc-50">
+                        Temperature :{" "}
+                        {payload[0].payload.avg_temperature.toFixed(2)}°C
+                      </p>
+                      <p className="text-black dark:text-zinc-50">
+                        Humidity : {payload[0].payload.avg_humidity.toFixed(2)}%
+                      </p>
                     </div>
                   </div>
                 </div>

nextjs-interface/src/app/ui/dashboard/EspLinksElement.tsx

@@ -90,7 +90,7 @@ export default function EspLinksElement() {
             <CirclePlus className="mt-1 w-[20px]" />
           </button>
         </PopoverTrigger>
-        <PopoverContent className="w-80 ml-5 bg-secondary dark:bg-gray-900">
+        <PopoverContent className="ml-5 w-80 bg-secondary dark:bg-gray-900">
           <form onSubmit={handleSubmit}>
             <div className="flex gap-2">
               <Label>name</Label>

nextjs-interface/src/lib/cookies.ts

@@ -1,31 +1,31 @@
 export function getCookie(cname: any) {
-    if (typeof window === 'undefined') {
-        return ""; // Early return if not in browser environment
-    }
+  if (typeof window === "undefined") {
+    return ""; // Early return if not in browser environment
+  }
 
-    const theme = cname + "=";
-    const decodedCookie = decodeURIComponent(document.cookie);
-    const ca = decodedCookie.split(';');
+  const theme = cname + "=";
+  const decodedCookie = decodeURIComponent(document.cookie);
+  const ca = decodedCookie.split(";");
 
-    for(let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) == ' ') {
-            c = c.substring(1);
-        }
-        if (c.indexOf(theme) == 0) {
-            return c.substring(theme.length, c.length);
-        }
+  for (let i = 0; i < ca.length; i++) {
+    let c = ca[i];
+    while (c.charAt(0) == " ") {
+      c = c.substring(1);
+    }
+    if (c.indexOf(theme) == 0) {
+      return c.substring(theme.length, c.length);
     }
-    return "";
+  }
+  return "";
 }
 
-export function setCookie(name: { name: string, value:any }) {
-    if (typeof window === 'undefined') {
-        return;
-    }
+export function setCookie(name: { name: string; value: any }) {
+  if (typeof window === "undefined") {
+    return;
+  }
 
-    const d = new Date();
-    d.setTime(d.getTime() + (365*24*60*60*1000));
-    const expires = "expires=" + d.toUTCString();
-    document.cookie = name.name + "=" + name.value + ";" + expires + ";path=/";
-}
+  const d = new Date();
+  d.setTime(d.getTime() + 365 * 24 * 60 * 60 * 1000);
+  const expires = "expires=" + d.toUTCString();
+  document.cookie = name.name + "=" + name.value + ";" + expires + ";path=/";
+}