ui fixes

package.json

@@ -26,7 +26,6 @@
     "@react-email/render": "^0.0.7",
     "@sendgrid/mail": "^8.1.1",
     "classnames": "^2.3.2",
-    "clsx": "^2.1.1",
     "googleapis": "^117.0.0",
     "moment": "^2.30.1",
     "mongo": "^0.1.0",

postcss.config.cjs

@@ -1,5 +1,7 @@
 module.exports = {
   plugins: {
+    "postcss-import": {},
+    "tailwindcss/nesting": {},
     tailwindcss: {},
     autoprefixer: {},
   },

src/app/public/about/page.tsx

@@ -23,7 +23,7 @@ const AboutLayout = () => {
     };
   }, []);
   return (
-    <div className="flex-col justify-center gap-y-4 py-6 sm:flex sm:w-full sm:px-0">
+    <div className="flex flex-col justify-center gap-y-4 py-6 sm:w-full sm:px-0">
       <span className="pt-6 text-center text-4xl font-semibold sm:text-left">
         Our Story
       </span>

src/app/public/team/page.tsx

@@ -32,7 +32,7 @@ const PublicLayout = () => {
       <span className="pt-6 text-center text-4xl font-semibold sm:text-left">
         Meet TLP
       </span>
-      <p className="mt-7 leading-7">
+      <p className="mb-4 mt-7 leading-7">
         The Legacy Project, Inc. (TLP) connects college students with local
         elders in their community with the purpose of building strong
         intergenerational relationships and documenting the life histories of