From 3a0a71ab2aea6151fe41f540f127d6315383ce64 Mon Sep 17 00:00:00 2001
From: diogogmatos <diogogmatos@users.noreply.github.com>
Date: Thu, 8 Feb 2024 00:42:41 +0000
Subject: [PATCH] chore: update shifts data

---
 .../CalendarExportModal.tsx                   |   8 +-
 .../ClearScheduleButton.tsx                   |   2 +-
 .../DarkModeToggler/DarkModeToggler.tsx       |  60 +-
 components/DarkModeToggler/index.ts           |   2 +-
 components/EventModal/EventModal.tsx          |   4 +-
 components/ExportButton/ExportButton.tsx      |   2 +-
 components/FilterBlock/FilterBlock.tsx        |   6 +-
 components/Install/Install.tsx                |   4 +-
 components/Layout/Layout.tsx                  |  36 +-
 components/NavigationPane/NavigationPane.tsx  |   8 +-
 components/Settings/Settings.tsx              |   2 +-
 components/ShareButton/ShareButton.tsx        |   2 +-
 components/ShareModal/ShareModal.tsx          |   8 +-
 components/ShiftModal/ShiftModal.tsx          |   4 +-
 components/Sidebar/Sidebar.tsx                |  34 +-
 components/Themes/Themes.tsx                  |  14 +-
 data/filters.json                             | 598 +++---------------
 data/shifts.json                              |  12 +-
 pages/_app.tsx                                |   8 +-
 pages/_document.tsx                           |   5 +-
 pages/schedule.tsx                            |   3 +-
 scraper/subjects.json                         |   2 +-
 scraper/subjects_short_names.json             |   2 +-
 styles/globals.css                            |  28 +-
 24 files changed, 232 insertions(+), 622 deletions(-)

diff --git a/components/CalendarExportModal/CalendarExportModal.tsx b/components/CalendarExportModal/CalendarExportModal.tsx
index fc9dfe82..188af3ff 100644
--- a/components/CalendarExportModal/CalendarExportModal.tsx
+++ b/components/CalendarExportModal/CalendarExportModal.tsx
@@ -138,7 +138,7 @@ const CalendarExportModal = ({
       >
         <Fade in={isOpen} timeout={400}>
           <Box
-            className="absolute left-1/2 top-1/2 h-fit w-full -translate-x-1/2 -translate-y-1/2 transform overflow-y-auto rounded-2xl border dark:border-neutral-400/20 bg-white dark:bg-neutral-800 p-6 text-center shadow-xl sm:w-96"
+            className="absolute left-1/2 top-1/2 h-fit w-full -translate-x-1/2 -translate-y-1/2 transform overflow-y-auto rounded-2xl border bg-white p-6 text-center shadow-xl dark:border-neutral-400/20 dark:bg-neutral-800 sm:w-96"
             style={{
               maxHeight: "calc(100% - 4rem)",
               maxWidth: "calc(100% - 4rem)",
@@ -167,7 +167,7 @@ const CalendarExportModal = ({
                           className="relative flex flex-grow items-stretch focus-within:z-10"
                           style={{ width: "calc(100% - 38px)" }}
                         >
-                          <div className="block w-full rounded-none rounded-l-lg border-0 py-1.5  ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/30 focus:ring-2 focus:ring-inset focus:ring-cesium-900 sm:text-sm sm:leading-6">
+                          <div className="block w-full rounded-none rounded-l-lg border-0 py-1.5  ring-1 ring-inset ring-neutral-300 focus:ring-2 focus:ring-inset focus:ring-cesium-900 dark:ring-neutral-400/30 sm:text-sm sm:leading-6">
                             <div className="mx-2 overflow-y-hidden overflow-x-scroll whitespace-nowrap text-start">
                               {URL}
                             </div>
@@ -176,7 +176,7 @@ const CalendarExportModal = ({
                         <button
                           type="button"
                           title={isCopied ? "Copied" : "Copy"}
-                          className="relative -ml-px inline-flex w-[38px] place-content-center items-center gap-x-1.5 rounded-r-lg px-3 py-2 text-sm font-semibold  ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10 hover:bg-neutral-50"
+                          className="relative -ml-px inline-flex w-[38px] place-content-center items-center gap-x-1.5 rounded-r-lg px-3 py-2 text-sm font-semibold  ring-1 ring-inset ring-neutral-300 hover:bg-neutral-50 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10"
                           onClick={copyToClipboard}
                         >
                           {isCopied ? (
@@ -188,7 +188,7 @@ const CalendarExportModal = ({
                       </div>
                     </div>
                   </span>
-                  <Collapse className="w-full rounded-lg border-neutral-300 bg-white dark:border-neutral-400/30 text-left font-display shadow-sm">
+                  <Collapse className="w-full rounded-lg border-neutral-300 bg-white text-left font-display shadow-sm dark:border-neutral-400/30">
                     <Collapse.Panel header="How does it work?" key="1">
                       <div className="text-justify">
                         <p>
diff --git a/components/ClearScheduleButton/ClearScheduleButton.tsx b/components/ClearScheduleButton/ClearScheduleButton.tsx
index f2bbd556..db6ddc31 100644
--- a/components/ClearScheduleButton/ClearScheduleButton.tsx
+++ b/components/ClearScheduleButton/ClearScheduleButton.tsx
@@ -27,7 +27,7 @@ const ClearScheduleButton = ({
       disabled={isSettings}
     >
       <button
-        className={`h-10 w-10 rounded-xl p-2 font-medium leading-3 text-error/50 dark:text-red-400/60 shadow-md ring-1 ring-neutral-200/50 dark:ring-neutral-400/20 transition-all duration-300 hover:text-error hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:bg-neutral-800/70 ${
+        className={`h-10 w-10 rounded-xl p-2 font-medium leading-3 text-error/50 shadow-md ring-1 ring-neutral-200/50 transition-all duration-300 hover:text-error hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 dark:bg-neutral-800/70 dark:text-red-400/60 dark:ring-neutral-400/20 ${
           isSettings && "cursor-not-allowed hover:text-error/50"
         }`}
         type="button"
diff --git a/components/DarkModeToggler/DarkModeToggler.tsx b/components/DarkModeToggler/DarkModeToggler.tsx
index 4a468922..5c6f2968 100644
--- a/components/DarkModeToggler/DarkModeToggler.tsx
+++ b/components/DarkModeToggler/DarkModeToggler.tsx
@@ -1,31 +1,43 @@
-import { Switch } from '@headlessui/react'
-import { useTheme } from 'next-themes';
+import { Switch } from "@headlessui/react";
+import { useTheme } from "next-themes";
 
 function classNames(...classes) {
-    return classes.filter(Boolean).join(' ')
-  }
+  return classes.filter(Boolean).join(" ");
+}
 
 const DarkModeToggler = () => {
-    const { theme, setTheme } = useTheme();
+  const { theme, setTheme } = useTheme();
 
-    return (
-        <div>
-            <label className="block text-sm font-medium leading-6">
-                Appearance
-            </label>
-            <select
-                id="theme"
-                name="theme"
-                className="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10  ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/20 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800"
-                value={theme === "light" ? "Light" : theme === "dark" ? "Dark" : "Follow System"}
-                onChange={(e) => setTheme(e.target.value === "Light" ? "light" : e.target.value === "Dark" ? "dark" : "system")}
-                >
-                    <option>Follow System</option>
-                    <option>Dark</option>
-                    <option>Light</option>                
-            </select>
-        </div>
-    )
-}
+  return (
+    <div>
+      <label className="block text-sm font-medium leading-6">Appearance</label>
+      <select
+        id="theme"
+        name="theme"
+        className="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10  ring-1 ring-inset ring-neutral-300 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800 dark:ring-neutral-400/20"
+        value={
+          theme === "light"
+            ? "Light"
+            : theme === "dark"
+            ? "Dark"
+            : "Follow System"
+        }
+        onChange={(e) =>
+          setTheme(
+            e.target.value === "Light"
+              ? "light"
+              : e.target.value === "Dark"
+              ? "dark"
+              : "system"
+          )
+        }
+      >
+        <option>Follow System</option>
+        <option>Dark</option>
+        <option>Light</option>
+      </select>
+    </div>
+  );
+};
 
 export default DarkModeToggler;
diff --git a/components/DarkModeToggler/index.ts b/components/DarkModeToggler/index.ts
index 28106c3c..93493f45 100644
--- a/components/DarkModeToggler/index.ts
+++ b/components/DarkModeToggler/index.ts
@@ -1 +1 @@
-export { default } from './DarkModeToggler';
\ No newline at end of file
+export { default } from "./DarkModeToggler";
diff --git a/components/EventModal/EventModal.tsx b/components/EventModal/EventModal.tsx
index 0ad95a91..4e1593a1 100644
--- a/components/EventModal/EventModal.tsx
+++ b/components/EventModal/EventModal.tsx
@@ -59,11 +59,11 @@ function EventModal({
       >
         <Fade in={inspectEvent} timeout={400}>
           <Box
-            className="absolute left-1/2 top-1/2 h-fit w-fit min-w-[18rem] max-w-full -translate-x-1/2 -translate-y-1/2 transform rounded-2xl border border-neutral-200 bg-white dark:bg-neutral-800 dark:border-neutral-400/20 p-6 text-center shadow-xl"
+            className="absolute left-1/2 top-1/2 h-fit w-fit min-w-[18rem] max-w-full -translate-x-1/2 -translate-y-1/2 transform rounded-2xl border border-neutral-200 bg-white p-6 text-center shadow-xl dark:border-neutral-400/20 dark:bg-neutral-800"
             style={{ maxWidth: "calc(100% - 4rem)" }}
           >
             <div className="space-y-4 font-display">
-              <div className="m-auto w-fit border-b dark:border-neutral-400/30 pb-4">
+              <div className="m-auto w-fit border-b pb-4 dark:border-neutral-400/30">
                 <span id="modal-modal-title" className="text-xl font-medium">
                   {selectedEvent.title}
                 </span>
diff --git a/components/ExportButton/ExportButton.tsx b/components/ExportButton/ExportButton.tsx
index 4cbaec60..5029bc99 100644
--- a/components/ExportButton/ExportButton.tsx
+++ b/components/ExportButton/ExportButton.tsx
@@ -32,7 +32,7 @@ const ExportButton = ({ exportPDF, isHome, filters }: ExportButtonProps) => {
           leaveFrom="transform opacity-100 scale-100"
           leaveTo="transform opacity-0 scale-95"
         >
-          <Menu.Items className="absolute right-0 z-10 mt-2 w-fit origin-top-right overflow-hidden rounded-xl bg-white dark:bg-neutral-800 font-medium text-cesium-900 dark:text-cesium-600 shadow-lg ring-1 ring-black  dark:ring-white/20 ring-opacity-5 focus:outline-none">
+          <Menu.Items className="absolute right-0 z-10 mt-2 w-fit origin-top-right overflow-hidden rounded-xl bg-white font-medium text-cesium-900 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none  dark:bg-neutral-800 dark:text-cesium-600 dark:ring-white/20">
             <div className="grid grid-cols-1 py-1">
               <Menu.Item>
                 {({ active }) => (
diff --git a/components/FilterBlock/FilterBlock.tsx b/components/FilterBlock/FilterBlock.tsx
index 7f83a861..a9286ddd 100644
--- a/components/FilterBlock/FilterBlock.tsx
+++ b/components/FilterBlock/FilterBlock.tsx
@@ -279,7 +279,7 @@ const FilterBlock = ({
   return (
     <div className="select-none rounded-xl ring-1 ring-neutral-100/50 dark:ring-neutral-400/20">
       <Collapse
-        className="w-full rounded-xl bg-white dark:bg-neutral-800/70 font-display font-medium shadow-default"
+        className="w-full rounded-xl bg-white font-display font-medium shadow-default dark:bg-neutral-800/70"
         bordered={false}
         accordion
       >
@@ -292,7 +292,7 @@ const FilterBlock = ({
               />
               <Collapse.Panel header={item1} key={item1 + "Panel"}>
                 <Collapse
-                  className="bg-white dark:bg-inherit font-display font-medium"
+                  className="bg-white font-display font-medium dark:bg-inherit"
                   bordered={false}
                   accordion
                   key={item1 + "Collapse"}
@@ -310,7 +310,7 @@ const FilterBlock = ({
                           key={item1 + item2 + "Panel"}
                         >
                           <Collapse
-                            className="bg-white dark:bg-inherit font-display font-normal"
+                            className="bg-white font-display font-normal dark:bg-inherit"
                             bordered={false}
                             accordion
                             key={item1 + item2 + "Collapse"}
diff --git a/components/Install/Install.tsx b/components/Install/Install.tsx
index 414b453a..90c94562 100644
--- a/components/Install/Install.tsx
+++ b/components/Install/Install.tsx
@@ -14,7 +14,7 @@ const Install = () => {
       </label>
       <button
         onClick={() => setIsModalOpen(true)}
-        className="mt-2 rounded-lg bg-cesium-100 dark:bg-cesium-700/20 dark:hover:bg-cesium-700/30 p-2 font-medium text-cesium-900 shadow-sm transition-colors hover:bg-cesium-200"
+        className="mt-2 rounded-lg bg-cesium-100 p-2 font-medium text-cesium-900 shadow-sm transition-colors hover:bg-cesium-200 dark:bg-cesium-700/20 dark:hover:bg-cesium-700/30"
       >
         Install <i className="bi bi-download" />
       </button>
@@ -28,7 +28,7 @@ const Install = () => {
       >
         <Fade in={isModalOpen} timeout={400}>
           <Box
-            className="absolute left-1/2 top-1/2 h-fit w-full min-w-[18rem] max-w-full -translate-x-1/2 -translate-y-1/2 transform rounded-2xl border border-neutral-200 bg-white dark:bg-neutral-800 dark:border-neutral-400/20 p-6 text-center shadow-xl sm:w-80"
+            className="absolute left-1/2 top-1/2 h-fit w-full min-w-[18rem] max-w-full -translate-x-1/2 -translate-y-1/2 transform rounded-2xl border border-neutral-200 bg-white p-6 text-center shadow-xl dark:border-neutral-400/20 dark:bg-neutral-800 sm:w-80"
             style={{
               maxHeight: "calc(100% - 4rem)",
               maxWidth: "calc(100% - 4rem)",
diff --git a/components/Layout/Layout.tsx b/components/Layout/Layout.tsx
index 14c999d3..367e0669 100644
--- a/components/Layout/Layout.tsx
+++ b/components/Layout/Layout.tsx
@@ -25,26 +25,34 @@ const Layout = ({
   saveTheme,
 }: ILayoutProps) => {
   const [isOpen, setIsOpen] = useState(false);
-  const hamburgerLine = `h-1 w-6 my-0.5 rounded-full bg-black transition ease transform duration-300 dark:bg-neutral-200 bg-neutral-900`; 
+  const hamburgerLine = `h-1 w-6 my-0.5 rounded-full bg-black transition ease transform duration-300 dark:bg-neutral-200 bg-neutral-900`;
   const { resolvedTheme } = useTheme();
   const [logo, setLogo] = useState(null);
 
   // necesary so logo renders only on the client
-  useEffect(() => setLogo(
-    <picture>
-      <img
-        className="h-[46px] w-auto"
-        src={resolvedTheme === "dark" ? "/calendarium-dark.svg" : "/calendarium-light.svg"}
-        alt="Calendarium Logo"
-      />
-    </picture>
-  ), [resolvedTheme]);
+  useEffect(
+    () =>
+      setLogo(
+        <picture>
+          <img
+            className="h-[46px] w-auto"
+            src={
+              resolvedTheme === "dark"
+                ? "/calendarium-dark.svg"
+                : "/calendarium-light.svg"
+            }
+            alt="Calendarium Logo"
+          />
+        </picture>
+      ),
+    [resolvedTheme]
+  );
 
   return (
-    <div className="text-neutral-900 lg:flex dark:bg-neutral-900 dark:text-neutral-200">
+    <div className="text-neutral-900 dark:bg-neutral-900 dark:text-neutral-200 lg:flex">
       {/* Open/Close Sidebar Button */}
       <button
-        className="group absolute z-20 ml-8 mt-8 flex h-12 w-12 flex-col items-center justify-center rounded-xl bg-white dark:bg-neutral-800/70 shadow-md ring-1 ring-neutral-100/50 dark:ring-neutral-400/20 lg:hidden"
+        className="group absolute z-20 ml-8 mt-8 flex h-12 w-12 flex-col items-center justify-center rounded-xl bg-white shadow-md ring-1 ring-neutral-100/50 dark:bg-neutral-800/70 dark:ring-neutral-400/20 lg:hidden"
         onClick={() => setIsOpen(!isOpen)}
       >
         <div
@@ -76,9 +84,7 @@ const Layout = ({
         <div
           style={{ cursor: "pointer", width: "fit-content", margin: "auto" }}
         >
-          <Link href="/">
-            {logo}
-          </Link>
+          <Link href="/">{logo}</Link>
         </div>
       </div>
 
diff --git a/components/NavigationPane/NavigationPane.tsx b/components/NavigationPane/NavigationPane.tsx
index e25472d2..3270caf7 100644
--- a/components/NavigationPane/NavigationPane.tsx
+++ b/components/NavigationPane/NavigationPane.tsx
@@ -5,14 +5,14 @@ const NavigationPane = () => {
   const { asPath } = useRouter();
 
   return (
-    <div className="rounded-xl font-display ring-1 ring-neutral-100/50 dark:ring-neutral-400/20 dark:bg-neutral-800/70">
-      <div className="flex w-full place-content-between rounded-xl p-5 font-medium text-neutral-300 dark:text-neutral-500 shadow-default transition-all">
+    <div className="rounded-xl font-display ring-1 ring-neutral-100/50 dark:bg-neutral-800/70 dark:ring-neutral-400/20">
+      <div className="flex w-full place-content-between rounded-xl p-5 font-medium text-neutral-300 shadow-default transition-all dark:text-neutral-500">
         <div className="m-auto w-fit space-x-8">
           <Link href="/">
             <span
               className={`${
                 asPath === "/" &&
-                "text-neutral-900 dark:text-neutral-200 after:absolute after:ml-4 after:mt-4 after:flex after:h-1 after:w-12 after:rounded-t after:bg-cesium-900"
+                "text-neutral-900 after:absolute after:ml-4 after:mt-4 after:flex after:h-1 after:w-12 after:rounded-t after:bg-cesium-900 dark:text-neutral-200"
               } transition-all hover:text-neutral-900 dark:hover:text-neutral-200`}
             >
               <i className="bi bi-calendar-fill"></i> EVENTS
@@ -22,7 +22,7 @@ const NavigationPane = () => {
             <span
               className={`${
                 asPath === "/schedule" &&
-                "text-neutral-900 dark:text-neutral-200 after:absolute after:ml-36 after:mt-4 after:flex after:h-1 after:w-12 after:rounded-t after:bg-cesium-900"
+                "text-neutral-900 after:absolute after:ml-36 after:mt-4 after:flex after:h-1 after:w-12 after:rounded-t after:bg-cesium-900 dark:text-neutral-200"
               } transition-all hover:text-neutral-900 dark:hover:text-neutral-200`}
             >
               <i className="bi bi-clock-fill"></i> SCHEDULE
diff --git a/components/Settings/Settings.tsx b/components/Settings/Settings.tsx
index 4fd369a0..2df6058b 100644
--- a/components/Settings/Settings.tsx
+++ b/components/Settings/Settings.tsx
@@ -20,7 +20,7 @@ const Settings = ({
   isHome,
 }: SettingsProps) => {
   return (
-    <div className="h-full w-full select-none space-y-4 overflow-hidden rounded-xl p-4 shadow-default ring-1 ring-neutral-200/30 dark:ring-neutral-400/20 dark:bg-neutral-800/70">
+    <div className="h-full w-full select-none space-y-4 overflow-hidden rounded-xl p-4 shadow-default ring-1 ring-neutral-200/30 dark:bg-neutral-800/70 dark:ring-neutral-400/20">
       {/* Title */}
       <div className="text-center text-lg font-medium">Settings</div>
       <div className="border-b border-neutral-200/80 dark:border-neutral-400/30" />
diff --git a/components/ShareButton/ShareButton.tsx b/components/ShareButton/ShareButton.tsx
index f7589a3e..b09ba006 100644
--- a/components/ShareButton/ShareButton.tsx
+++ b/components/ShareButton/ShareButton.tsx
@@ -24,7 +24,7 @@ const ShareButton = ({
   return (
     <div>
       <button
-        className="h-10 w-10 rounded-xl p-2 font-medium leading-3 text-neutral-300 dark:text-neutral-500 shadow-md ring-1 ring-neutral-200/50 dark:ring-neutral-400/20 transition-all duration-300 hover:text-neutral-900 dark:hover:text-neutral-200 hover:shadow-lg dark:bg-neutral-800/70"
+        className="h-10 w-10 rounded-xl p-2 font-medium leading-3 text-neutral-300 shadow-md ring-1 ring-neutral-200/50 transition-all duration-300 hover:text-neutral-900 hover:shadow-lg dark:bg-neutral-800/70 dark:text-neutral-500 dark:ring-neutral-400/20 dark:hover:text-neutral-200"
         title="Share"
         onClick={() => setIsModalOpen(true)}
       >
diff --git a/components/ShareModal/ShareModal.tsx b/components/ShareModal/ShareModal.tsx
index f167e5b8..e0082db1 100644
--- a/components/ShareModal/ShareModal.tsx
+++ b/components/ShareModal/ShareModal.tsx
@@ -208,7 +208,7 @@ const ShareModal = ({
       >
         <Fade in={isOpen} timeout={400}>
           <Box
-            className="absolute left-1/2 top-1/2 h-fit w-80 -translate-x-1/2 -translate-y-1/2 transform overflow-y-auto rounded-2xl border bg-white dark:bg-neutral-800 dark:border-neutral-400/20 p-6 text-center shadow-xl"
+            className="absolute left-1/2 top-1/2 h-fit w-80 -translate-x-1/2 -translate-y-1/2 transform overflow-y-auto rounded-2xl border bg-white p-6 text-center shadow-xl dark:border-neutral-400/20 dark:bg-neutral-800"
             style={{
               maxHeight: "calc(100% - 4rem)",
               maxWidth: "calc(100% - 4rem)",
@@ -232,13 +232,13 @@ const ShareModal = ({
                       <div className="relative flex flex-grow items-stretch focus-within:z-10">
                         <input
                           name="link"
-                          className="block w-full rounded-none rounded-l-lg border-0 py-1.5 ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/30 dark:bg-neutral-800 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-cesium-900 sm:text-sm sm:leading-6"
+                          className="block w-full rounded-none rounded-l-lg border-0 py-1.5 ring-1 ring-inset ring-neutral-300 placeholder:text-neutral-400 focus:ring-2 focus:ring-inset focus:ring-cesium-900 dark:bg-neutral-800 dark:ring-neutral-400/30 sm:text-sm sm:leading-6"
                           placeholder="Insert a share link here..."
                         />
                       </div>
                       <button
                         type="submit"
-                        className="relative -ml-px inline-flex w-[38px] place-content-center items-center gap-x-1.5 rounded-r-lg px-3 py-2 text-sm font-semibold ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10 hover:bg-neutral-50"
+                        className="relative -ml-px inline-flex w-[38px] place-content-center items-center gap-x-1.5 rounded-r-lg px-3 py-2 text-sm font-semibold ring-1 ring-inset ring-neutral-300 hover:bg-neutral-50 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10"
                         title="Import"
                       >
                         {isImporting ? (
@@ -274,7 +274,7 @@ const ShareModal = ({
                     </form>
                     <button
                       type="button"
-                      className="relative ml-2 inline-flex items-center rounded-lg px-3 py-2 text-sm font-semibold shadow-sm ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10 hover:bg-neutral-50"
+                      className="relative ml-2 inline-flex items-center rounded-lg px-3 py-2 text-sm font-semibold shadow-sm ring-1 ring-inset ring-neutral-300 hover:bg-neutral-50 dark:ring-neutral-400/30 dark:hover:bg-neutral-400/10"
                       title="Copy your share link"
                       onClick={copyToClipboard}
                     >
diff --git a/components/ShiftModal/ShiftModal.tsx b/components/ShiftModal/ShiftModal.tsx
index 9e20001f..4bbe33ad 100644
--- a/components/ShiftModal/ShiftModal.tsx
+++ b/components/ShiftModal/ShiftModal.tsx
@@ -49,11 +49,11 @@ function ShiftModal({
       >
         <Fade in={inspectShift} timeout={400}>
           <Box
-            className="absolute left-1/2 top-1/2 h-fit w-fit min-w-[18rem] -translate-x-1/2 -translate-y-1/2 transform rounded-2xl border border-neutral-200 bg-white dark:bg-neutral-800 dark:border-neutral-400/20 p-6 text-center shadow-xl"
+            className="absolute left-1/2 top-1/2 h-fit w-fit min-w-[18rem] -translate-x-1/2 -translate-y-1/2 transform rounded-2xl border border-neutral-200 bg-white p-6 text-center shadow-xl dark:border-neutral-400/20 dark:bg-neutral-800"
             style={{ maxWidth: "calc(100% - 4rem)" }}
           >
             <div className="space-y-4 font-display">
-              <div className="m-auto w-fit border-b dark:border-neutral-400/30 pb-4">
+              <div className="m-auto w-fit border-b pb-4 dark:border-neutral-400/30">
                 <span id="modal-modal-title" className="text-xl font-medium">
                   {name}
                 </span>
diff --git a/components/Sidebar/Sidebar.tsx b/components/Sidebar/Sidebar.tsx
index 86f02662..89011003 100644
--- a/components/Sidebar/Sidebar.tsx
+++ b/components/Sidebar/Sidebar.tsx
@@ -17,7 +17,7 @@ import ShareButton from "../ShareButton";
 
 import { SelectedShift } from "../../types";
 
-import {useTheme} from 'next-themes';
+import { useTheme } from "next-themes";
 
 interface ISidebarProps {
   isHome?: boolean;
@@ -62,15 +62,23 @@ const Sidebar = ({
   const [logo, setLogo] = useState(null);
 
   // necesary so logo renders only on the client
-  useEffect(() => setLogo(
-    <picture>
-      <img
-        className="h-[46px] w-auto"
-        src={resolvedTheme === "dark" ? "/calendarium-dark.svg" : "/calendarium-light.svg"}
-        alt="Calendarium Logo"
-      />
-    </picture>
-  ), [resolvedTheme]);
+  useEffect(
+    () =>
+      setLogo(
+        <picture>
+          <img
+            className="h-[46px] w-auto"
+            src={
+              resolvedTheme === "dark"
+                ? "/calendarium-dark.svg"
+                : "/calendarium-light.svg"
+            }
+            alt="Calendarium Logo"
+          />
+        </picture>
+      ),
+    [resolvedTheme]
+  );
 
   return (
     <div
@@ -83,9 +91,7 @@ const Sidebar = ({
           <div
             style={{ cursor: "pointer", width: "fit-content", margin: "auto" }}
           >
-            <Link href="https://cesium.link/">
-              {logo}
-            </Link>
+            <Link href="https://cesium.link/">{logo}</Link>
           </div>
         </div>
 
@@ -98,7 +104,7 @@ const Sidebar = ({
             <div className="flex space-x-2">
               <button
                 onClick={() => setIsSettings(!isSettings)}
-                className="dark:bg-neutral-800/70 h-10 w-10 rounded-xl p-2 leading-3 text-neutral-300 dark:text-neutral-500 shadow-md ring-1 ring-neutral-200/50 dark:ring-neutral-400/20 transition-all duration-300 hover:text-neutral-900 dark:hover:text-neutral-200 hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-neutral-500"
+                className="h-10 w-10 rounded-xl p-2 leading-3 text-neutral-300 shadow-md ring-1 ring-neutral-200/50 transition-all duration-300 hover:text-neutral-900 hover:shadow-lg focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-neutral-500 dark:bg-neutral-800/70 dark:text-neutral-500 dark:ring-neutral-400/20 dark:hover:text-neutral-200"
                 title="Settings"
               >
                 {isSettings ? (
diff --git a/components/Themes/Themes.tsx b/components/Themes/Themes.tsx
index 72a41170..3ef0f007 100644
--- a/components/Themes/Themes.tsx
+++ b/components/Themes/Themes.tsx
@@ -185,7 +185,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
         <select
           id="theme"
           name="theme"
-          className="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10  ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/20 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800"
+          className="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10  ring-1 ring-inset ring-neutral-300 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800 dark:ring-neutral-400/20"
           value={theme}
           onChange={(e) => updateTheme(e.target.value)}
         >
@@ -204,7 +204,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
             <select
               id="theme"
               name="theme"
-              className="block w-full rounded-md border-0 py-1.5  ring-1 ring-inset ring-neutral-300 dark:ring-neutral-400/20 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800"
+              className="block w-full rounded-md border-0 py-1.5  ring-1 ring-inset ring-neutral-300 focus:ring-2 focus:ring-cesium-900 dark:bg-neutral-800 dark:ring-neutral-400/20"
               value={customType}
               onChange={(e) => updateCustomType(e.target.value)}
             >
@@ -248,7 +248,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
                     Hex
                   </div>
                   <HexColorInput
-                    className="text-md h-8 w-full rounded-lg border-neutral-300 dark:border-neutral-400/20 dark:bg-neutral-800 text-center focus:border-cesium-900 focus:ring-0"
+                    className="text-md h-8 w-full rounded-lg border-neutral-300 text-center focus:border-cesium-900 focus:ring-0 dark:border-neutral-400/20 dark:bg-neutral-800"
                     color={colors[openColor + 1]}
                     onChange={(newColor) => updateColors(newColor)}
                   />
@@ -277,7 +277,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
                 </Switch.Group>
                 <button
                   type="button"
-                  className="rounded-md border bg-white dark:bg-neutral-800 dark:border-neutral-400/20 dark:hover:bg-neutral-700 px-2.5 py-1 text-xs font-semibold  shadow-sm hover:bg-neutral-50"
+                  className="rounded-md border bg-white px-2.5 py-1 text-xs font-semibold shadow-sm hover:bg-neutral-50 dark:border-neutral-400/20  dark:bg-neutral-800 dark:hover:bg-neutral-700"
                   onClick={backToDefault}
                 >
                   Back to Default
@@ -319,7 +319,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
                     Hex
                   </div>
                   <HexColorInput
-                    className="text-md h-8 w-full rounded-lg border-neutral-300 dark:border-neutral-400/20 dark:bg-neutral-800 text-center focus:border-cesium-900 focus:ring-0"
+                    className="text-md h-8 w-full rounded-lg border-neutral-300 text-center focus:border-cesium-900 focus:ring-0 dark:border-neutral-400/20 dark:bg-neutral-800"
                     color={getSubjectColor(openColor)}
                     onChange={(newColor) => updateSubjectColors(newColor)}
                   />
@@ -348,7 +348,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
                 </Switch.Group>
                 <button
                   type="button"
-                  className="rounded-md border bg-white dark:bg-neutral-800 dark:border-neutral-400/20 dark:hover:bg-neutral-700 px-2.5 py-1 text-xs font-semibold  shadow-sm hover:bg-neutral-50"
+                  className="rounded-md border bg-white px-2.5 py-1 text-xs font-semibold shadow-sm hover:bg-neutral-50 dark:border-neutral-400/20  dark:bg-neutral-800 dark:hover:bg-neutral-700"
                   onClick={backToSubjectDefault}
                 >
                   Back to Default
@@ -364,7 +364,7 @@ const Themes = ({ saveTheme, filters, isOpen, setIsOpen, isHome }) => {
           {(customType === "Year" || checkedThings.length > 0) && (
             <button
               type="button"
-              className="w-full rounded-md bg-cesium-100 dark:bg-cesium-700/20 dark:hover:bg-cesium-700/30 px-2 py-1 text-sm font-semibold text-cesium-900 shadow-sm transition-colors hover:bg-cesium-200"
+              className="w-full rounded-md bg-cesium-100 px-2 py-1 text-sm font-semibold text-cesium-900 shadow-sm transition-colors hover:bg-cesium-200 dark:bg-cesium-700/20 dark:hover:bg-cesium-700/30"
               onClick={() => {
                 saveTheme();
                 isOpen && setIsOpen(false);
diff --git a/data/filters.json b/data/filters.json
index d71f964d..9d5e1f94 100644
--- a/data/filters.json
+++ b/data/filters.json
@@ -4,278 +4,168 @@
     "name": "AL",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5",
-      "TP6"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5", "TP6"]
   },
   {
     "id": 112,
     "name": "Cálculo",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5",
-      "TP6"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5", "TP6"]
   },
   {
     "id": 113,
     "name": "LI1",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7",
-      "PL8"
-    ]
+    "shifts": ["PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7", "PL8"]
   },
   {
     "id": 114,
     "name": "PF",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5",
-      "TP6"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5", "TP6"]
   },
   {
     "id": 115,
     "name": "TMD",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5"]
   },
   {
     "id": 116,
     "name": "Bilinguismo",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 117,
     "name": "CD",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 118,
     "name": "DPRED",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1"
-    ]
+    "shifts": ["T1"]
   },
   {
     "id": 119,
     "name": "DS",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1110,
     "name": "DL",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1"
-    ]
+    "shifts": ["T1"]
   },
   {
     "id": 1111,
     "name": "ECDH",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1112,
-    "name": "IngA",
+    "name": "IA",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1113,
     "name": "ILCR",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1114,
     "name": "IMA",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1115,
     "name": "LFFM",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1116,
     "name": "MC",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1117,
     "name": "SMM",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1"
-    ]
+    "shifts": ["T1"]
   },
   {
     "id": 1118,
     "name": "SASE",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 1119,
     "name": "TDIND",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "T1"
-    ]
+    "shifts": ["T1"]
   },
   {
     "id": 1120,
     "name": "TAC",
     "groupId": 1,
     "semester": 1,
-    "shifts": [
-      "TP1"
-    ]
+    "shifts": ["TP1"]
   },
   {
     "id": 121,
     "name": "Análise",
     "groupId": 1,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5",
-      "TP6"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5", "TP6"]
   },
   {
     "id": 122,
     "name": "EPTN",
     "groupId": 1,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5",
-      "TP6"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5", "TP6"]
   },
   {
     "id": 123,
     "name": "LI2",
     "groupId": 1,
     "semester": 2,
-    "shifts": [
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7",
-      "PL8"
-    ]
+    "shifts": ["PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7", "PL8"]
   },
   {
     "id": 124,
     "name": "Lógica",
     "groupId": 1,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5",
-      "TP6"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5", "TP6"]
   },
   {
     "id": 125,
@@ -320,76 +210,35 @@
     "name": "AlgC",
     "groupId": 2,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP4",
-      "TP5",
-      "TP6",
-      "TP7"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP4", "TP5", "TP6", "TP7"]
   },
   {
     "id": 212,
     "name": "ArqC",
     "groupId": 2,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7"
-    ]
+    "shifts": ["T1", "T2", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7"]
   },
   {
     "id": 213,
     "name": "EA",
     "groupId": 2,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5"]
   },
   {
     "id": 214,
     "name": "FM",
     "groupId": 2,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4"
-    ]
+    "shifts": ["T1", "TP1", "TP2", "TP3", "TP4"]
   },
   {
     "id": 215,
     "name": "FCD",
     "groupId": 2,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5"]
   },
   {
     "id": 216,
@@ -435,32 +284,14 @@
     "name": "IO",
     "groupId": 2,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5"]
   },
   {
     "id": 223,
     "name": "MNOnL",
     "groupId": 2,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "T2",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7"
-    ]
+    "shifts": ["T1", "T2", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7"]
   },
   {
     "id": 224,
@@ -525,621 +356,371 @@
     "name": "CP",
     "groupId": 3,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5"
-    ]
+    "shifts": ["T1", "T2", "TP1", "TP2", "TP3", "TP4", "TP5"]
   },
   {
     "id": 312,
     "name": "CC",
     "groupId": 3,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "T2",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7"
-    ]
+    "shifts": ["T1", "T2", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7"]
   },
   {
     "id": 313,
     "name": "DSS",
     "groupId": 3,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6"]
   },
   {
     "id": 314,
     "name": "IA",
     "groupId": 3,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6"]
   },
   {
     "id": 315,
     "name": "LI4",
     "groupId": 3,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "OT2",
-      "OT3",
-      "OT4",
-      "OT5"
-    ]
+    "shifts": ["T1", "OT2", "OT3", "OT4", "OT5"]
   },
   {
     "id": 316,
     "name": "SD",
     "groupId": 3,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7"]
   },
   {
     "id": 321,
     "name": "ADI",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6"]
   },
   {
     "id": 322,
     "name": "CG",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6"
-    ]
+    "shifts": ["T1", "PL1", "PL3", "PL4", "PL5", "PL6"]
   },
   {
     "id": 323,
     "name": "IPM",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5"]
   },
   {
     "id": 324,
     "name": "PL",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6"]
   },
   {
     "id": 325,
     "name": "SSI",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5"]
   },
   {
     "id": 326,
     "name": "AProj",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 327,
     "name": "EngWeb",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1",
-      "TP2",
-      "TP3"
-    ]
+    "shifts": ["T1", "TP1", "TP2", "TP3"]
   },
   {
     "id": 328,
     "name": "MQ",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 411,
     "name": "ASCN",
     "groupId": 4,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7",
-      "PL8"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7", "PL8"]
   },
   {
     "id": 412,
     "name": "CPar",
     "groupId": 4,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6"]
   },
   {
     "id": 413,
     "name": "DAA",
     "groupId": 4,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7"]
   },
   {
     "id": 414,
     "name": "ESR",
     "groupId": 4,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7",
-      "PL8"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7", "PL8"]
   },
   {
     "id": 415,
     "name": "MFES",
     "groupId": 4,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "TP1",
-      "TP2",
-      "TP3",
-      "TP4",
-      "TP5"
-    ]
+    "shifts": ["T1", "TP1", "TP2", "TP3", "TP4", "TP5"]
   },
   {
     "id": 416,
     "name": "RAS",
     "groupId": 4,
     "semester": 1,
-    "shifts": [
-      "T1",
-      "PL1",
-      "PL2",
-      "PL3",
-      "PL4",
-      "PL5",
-      "PL6",
-      "PL7",
-      "PL8"
-    ]
+    "shifts": ["T1", "PL1", "PL2", "PL3", "PL4", "PL5", "PL6", "PL7", "PL8"]
   },
   {
     "id": 421,
     "name": "ASM",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 422,
     "name": "AISBD",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 423,
     "name": "AA",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 424,
     "name": "ES",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 425,
     "name": "EG",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 426,
     "name": "EES",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 427,
     "name": "GSR",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 428,
     "name": "RDS",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 429,
     "name": "SDGE",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4210,
     "name": "VF",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4211,
     "name": "VCPI",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4212,
     "name": "ABD",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4213,
     "name": "AProf",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4214,
     "name": "BD NoSQL",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4215,
     "name": "EC",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4216,
     "name": "IRIP",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4217,
     "name": "MES",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4218,
     "name": "PCF",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4219,
     "name": "RFM",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4220,
     "name": "SPLN",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4221,
     "name": "TF",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4222,
     "name": "VI",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4223,
     "name": "CSI",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4224,
     "name": "MD",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4225,
     "name": "NPR",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4226,
     "name": "PSD",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4227,
     "name": "QSI",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4228,
     "name": "RPCW",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "TP1"
-    ]
+    "shifts": ["T1", "TP1"]
   },
   {
     "id": 4229,
     "name": "SA",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4230,
     "name": "SIC",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4231,
     "name": "TS",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4232,
     "name": "TDS",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 4233,
     "name": "VTR",
     "groupId": 4,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   },
   {
     "id": 501,
@@ -1150,7 +731,7 @@
   },
   {
     "id": 511,
-    "name": "ProjInf",
+    "name": "PI",
     "groupId": 5,
     "semester": 1,
     "shifts": []
@@ -1160,9 +741,6 @@
     "name": "ATS",
     "groupId": 3,
     "semester": 2,
-    "shifts": [
-      "T1",
-      "PL1"
-    ]
+    "shifts": ["T1", "PL1"]
   }
-]
\ No newline at end of file
+]
diff --git a/data/shifts.json b/data/shifts.json
index 105b486a..b515c0b2 100644
--- a/data/shifts.json
+++ b/data/shifts.json
@@ -2212,8 +2212,8 @@
     "title": "Bases de Dados",
     "theoretical": false,
     "shift": "PL6",
-    "building": "CP1",
-    "room": "1.27",
+    "building": "7",
+    "room": "0.08",
     "day": 1,
     "start": "14:00",
     "end": "16:00",
@@ -2321,7 +2321,7 @@
     "theoretical": true,
     "shift": "T2",
     "building": "CP1",
-    "room": "2.07",
+    "room": "0.04",
     "day": 3,
     "start": "14:00",
     "end": "16:00",
@@ -3304,8 +3304,8 @@
     "title": "Mecânica Quântica",
     "theoretical": false,
     "shift": "TP1",
-    "building": "CP2",
-    "room": "0.01",
+    "building": "CP3",
+    "room": "2.03",
     "day": 0,
     "start": "11:00",
     "end": "13:00",
@@ -5075,4 +5075,4 @@
     "end": "19:00",
     "filterId": 4223
   }
-]
\ No newline at end of file
+]
diff --git a/pages/_app.tsx b/pages/_app.tsx
index fd84b1a7..8cd695c4 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,10 +1,14 @@
 import type { AppProps } from "next/app";
 import "../styles/globals.css";
-import { ThemeProvider } from 'next-themes';
+import { ThemeProvider } from "next-themes";
 
 function Calendarium({ Component, pageProps }: AppProps) {
   return (
-    <ThemeProvider attribute="class" storageKey="darkTheme" defaultTheme="system">
+    <ThemeProvider
+      attribute="class"
+      storageKey="darkTheme"
+      defaultTheme="system"
+    >
       <Component {...pageProps} />
     </ThemeProvider>
   );
diff --git a/pages/_document.tsx b/pages/_document.tsx
index 8209cc3f..a0295c76 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -60,7 +60,10 @@ export default function Document() {
         />
         <meta name="theme-color" content="#ffffff" />
         {/* Status Bar configuration for IOS devices */}
-        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+        <meta
+          name="apple-mobile-web-app-status-bar-style"
+          content="black-translucent"
+        />
       </Head>
       <body>
         <Main />
diff --git a/pages/schedule.tsx b/pages/schedule.tsx
index 7b715190..4847fb4c 100644
--- a/pages/schedule.tsx
+++ b/pages/schedule.tsx
@@ -245,7 +245,8 @@ export default function Schedule({ filters, shifts }: ISchedulesProps) {
           max={maxDate}
           eventPropGetter={(event) => {
             const newStyle = {
-              border: "2px solid " + (resolvedTheme === "dark" ? "#171717" : "white"),
+              border:
+                "2px solid " + (resolvedTheme === "dark" ? "#171717" : "white"),
               backgroundColor: getBgColor(event),
               color: getTextColor(event),
               fontWeight: "500",
diff --git a/scraper/subjects.json b/scraper/subjects.json
index e7f123f7..319950d5 100644
--- a/scraper/subjects.json
+++ b/scraper/subjects.json
@@ -751,4 +751,4 @@
     "year": 3,
     "semester": 2
   }
-]
\ No newline at end of file
+]
diff --git a/scraper/subjects_short_names.json b/scraper/subjects_short_names.json
index d75ec04c..cbf05357 100644
--- a/scraper/subjects_short_names.json
+++ b/scraper/subjects_short_names.json
@@ -375,4 +375,4 @@
     "name": "Dissertação",
     "short_name": "D"
   }
-}
\ No newline at end of file
+}
diff --git a/styles/globals.css b/styles/globals.css
index acbc804f..1effaf09 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -133,25 +133,25 @@ a {
 .rbc-calendar .rbc-toolbar button:hover {
   color: #2c2e32;
   border: 1px solid rgb(203 213 225);
-  @apply dark:border-neutral-400/20 dark:text-neutral-200 dark:bg-white/10;
+  @apply dark:border-neutral-400/20 dark:bg-white/10 dark:text-neutral-200;
 }
 
 .rbc-calendar .rbc-toolbar button:focus {
   color: #2c2e32;
   border: 1px solid rgb(203 213 225);
-  @apply dark:border-neutral-400/20 dark:text-neutral-200 dark:bg-white/10;
+  @apply dark:border-neutral-400/20 dark:bg-white/10 dark:text-neutral-200;
 }
 
 .rbc-calendar .rbc-toolbar button:active {
   color: #2c2e32;
   border: 1px solid rgb(203 213 225);
-  @apply dark:border-neutral-400/20 dark:text-neutral-200 dark:bg-white/10;
+  @apply dark:border-neutral-400/20 dark:bg-white/10 dark:text-neutral-200;
 }
 
 .rbc-calendar .rbc-toolbar button.rbc-active {
   color: #2c2e32;
   border: 1px solid rgb(203 213 225);
-  @apply dark:border-neutral-400/20 dark:text-neutral-200 dark:bg-neutral-800;
+  @apply dark:border-neutral-400/20 dark:bg-neutral-800 dark:text-neutral-200;
 }
 
 .rbc-calendar .rbc-timeslot-group {
@@ -169,13 +169,13 @@ a {
 .rbc-calendar .rbc-toolbar button.rbc-active:hover {
   color: #2c2e32;
   border: 1px solid rgb(203 213 225);
-  @apply dark:border-neutral-400/20 dark:text-neutral-200 dark:bg-neutral-700/80;
+  @apply dark:border-neutral-400/20 dark:bg-neutral-700/80 dark:text-neutral-200;
 }
 
 .rbc-calendar .rbc-toolbar button.rbc-active:focus {
   color: #2c2e32;
   border: 1px solid rgb(203 213 225);
-  @apply dark:border-neutral-400/20 dark:text-neutral-200 dark:bg-neutral-700/80;
+  @apply dark:border-neutral-400/20 dark:bg-neutral-700/80 dark:text-neutral-200;
 }
 
 .rbc-calendar .rbc-toolbar button.rbc-active:active {
@@ -188,7 +188,7 @@ a {
   padding: 0.15rem;
   font-weight: 500;
   color: #374151;
-  @apply dark:text-neutral-400 dark:border-neutral-400/20;
+  @apply dark:border-neutral-400/20 dark:text-neutral-400;
 }
 
 .rbc-calendar .rbc-off-range-bg {
@@ -381,11 +381,11 @@ a {
 }
 
 .ant-collapse-header-text {
-  @apply dark:text-neutral-200 text-neutral-900;
+  @apply text-neutral-900 dark:text-neutral-200;
 }
 
 .ant-collapse-expand-icon {
-  @apply dark:text-neutral-200 text-neutral-900;
+  @apply text-neutral-900 dark:text-neutral-200;
 }
 
 .ant-collapse-borderless > .ant-collapse-item {
@@ -393,15 +393,15 @@ a {
 }
 
 .ant-checkbox-wrapper {
-  @apply dark:text-neutral-200 text-neutral-900 font-display;
+  @apply font-display text-neutral-900 dark:text-neutral-200;
 }
 
 .ant-checkbox .ant-checkbox-inner {
-  @apply dark:bg-white/20 dark:border-neutral-400/20;
+  @apply dark:border-neutral-400/20 dark:bg-white/20;
 }
 
 .ant-checkbox-checked .ant-checkbox-inner {
-  @apply dark:bg-blue-500 dark:border-neutral-400/20;
+  @apply dark:border-neutral-400/20 dark:bg-blue-500;
 }
 
 .ant-collapse > .ant-collapse-item {
@@ -409,11 +409,11 @@ a {
 }
 
 .ant-collapse {
-  @apply dark:bg-neutral-800 dark:border-neutral-400/30;
+  @apply dark:border-neutral-400/30 dark:bg-neutral-800;
 }
 
 .ant-collapse-content {
-  @apply dark:bg-neutral-800 dark:text-neutral-200 dark:border-neutral-400/30;
+  @apply dark:border-neutral-400/30 dark:bg-neutral-800 dark:text-neutral-200;
 }
 
 .ant-popover-inner {