Bump daisyui from 4.12.23 to 5.0.9

package.json

@@ -56,9 +56,10 @@
     ]
   },
   "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@eslint/js": "^9.17.0",
     "@svgr/webpack": "^6.2.1",
-    "daisyui": "^4.12.23",
+    "daisyui": "^5.0.28",
     "eslint-config-react-app": "^7.0.1",
     "eslint-define-config": "^2.1.0",
     "eslint-plugin-react": "^7.37.2",

src/opportunities/components/PopUpMenu.tsx

@@ -108,8 +108,6 @@ export default function PopUpMenu({ setFunction, reset, filters, setFilters }: P
         setFunction()
     };
 
-    console.log("Filters: ", filters);
-
     return (
         <section className="relative z-10" aria-labelledby="modal-title" role="dialog" aria-modal="true">
             <div className="fixed inset-0 bg-gray-500/75 transition-opacity" aria-hidden="true"></div>

src/opportunities/pages/IndividualPost.tsx

@@ -26,8 +26,7 @@ const IndividualPost = () => {
 
   async function findDetails() {
     const data = await fetchOpportunities();
-    details = data || "Nothing found";
-    setDetails(details);
+    setDetails(data || "Nothing found");
   }
 
   useEffect(() => {

src/shared/components/Checkbox.tsx

@@ -53,7 +53,7 @@ export default function CheckBox({
                       {...formHook}
                       id={item}
                       className={type === "radio" ? "radio" : "checkbox"}
-                      defaultChecked={name === "semesters" && filters?.semesters?.includes(item) || name === "years" && filters?.years?.includes(item) || name === "credits" && filters?.credits?.includes(item) ? true : false}
+                      defaultChecked={(name === "semesters" && filters?.semesters?.includes(item)) || (name === "years" && filters?.years?.includes(item)) || (name === "credits" && filters?.credits?.includes(item) ? true : false)}
                     />
                   </label>
                 </div>

src/shared/components/UIElements/LargeTextCard.tsx

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 const LargeTextCard = ({ to, title, due, pay, credits }) => {
   return (
     <Link to={to} className="no-underline">
-      <div className="lg-txt-card hover:shadow-md card">
+      <div className="lg-txt-card card card-compact hover:shadow-md">
         <div className="card-body">
           <h2
             className={`${title.length > 100 ? "text-sm" : "text-lg font-bold"

src/staff/components/LargeImageCard.js

@@ -5,7 +5,7 @@ import PropTypes from "prop-types";
 const LargeImageCard = ({ to, image, title }) => {
   return (
     <Link to={to} className="no-underline">
-      <div className="lg-img-card card hover:shadow-lg duration-175">
+      <div className="lg-img-card card card-compact hover:shadow-lg duration-175">
         <figure>
           <img src={image} alt={title} />
         </figure>

src/style/App.css

@@ -39,4 +39,4 @@
 
 .my-logo {
   filter: brightness(0) invert(1);
-}
+}