Avenmia/fix styling (#229)

* Adding DaisyUI

* Comment out button styling and add theme to config

* Updating AddressSearch styling

* Updating styling

* Fixing theme

* Updating styles

* Fixing styling

* Removing address bar

Co-authored-by: Christopher Lam <[email protected]>

* removing divider

* extracting infobox into its own component

* removing lime green text

* Updating button styles

Co-authored-by: Christopher Lam <[email protected]>

* Fixing styles

* Fixing styles

* Fixing button style

* Fixing demographic question style

* Fixing modal styling

* Fixing error

* Fixing address mobile styling

* Fixing scroll issue and content being pushed off

* Fixing styling

* Fixing styling

* Adding modal icon

* Removing button to go back to address while the user is taking the survey

* Removing commented out styles

---------

Co-authored-by: Christopher Lam <[email protected]>

package.json

@@ -58,6 +58,7 @@
     "@typescript-eslint/parser": "^5.47.1",
     "@vitest/coverage-v8": "^1.6.0",
     "autoprefixer": "^10.4.7",
+    "daisyui": "^4.12.10",
     "eslint": "^8.30.0",
     "eslint-config-next": "^14.2.4",
     "husky": "^8.0.3",

src/components/AboutThisEngagement.tsx

@@ -3,14 +3,14 @@ import React from "react";
 const AboutThisEngagementPortal = () => {
   return (
     <>
-      <h3 className="text-md p-4 pl-2 text-center font-semibold 2xl:text-xl">
+      <h3 className="text-md p-4 pl-2 text-center font-semibold text-primary-content 2xl:text-xl">
         About this Engagement Portal
       </h3>
-      <p className="mb-2 mt-4 pb-4 2xl:text-lg">
+      <p className="mb-2 mt-4 pb-4 text-primary-content 2xl:text-lg">
         This engagement portal is designed to help our project team understand:{" "}
       </p>
 
-      <ol className="mb-2 ml-4 list-decimal pb-4 2xl:text-lg">
+      <ol className="mb-2 ml-4 list-decimal pb-4 text-primary-content 2xl:text-lg">
         <li className="md:mb-2">
           Demographic information of those who participate in the project.
         </li>