Added tailwind css

package.json

@@ -31,11 +31,14 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
+    "autoprefixer": "^10.4.16",
     "eslint": "^8",
     "eslint-config-next": "14.0.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.0.1",
+    "postcss": "^8.4.33",
     "prettier": "3.1.1",
+    "tailwindcss": "^3.4.1",
     "typescript": "^5"
   }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/app/global.css

@@ -0,0 +1,3 @@
+
+@tailwind components;
+@tailwind utilities;

src/components/DashboardPage/DashboardTabButton.tsx

@@ -4,14 +4,15 @@ import Paper from "@mui/material/Paper";
 import { TFunction } from "i18next";
 import { useTranslation } from "react-i18next";
 import PageTitle from "../PageTitle/PageTitle";
+import '../../app/global.css';
 
 const DashboardTabButton: React.FC = () => {
   const { t } = useTranslation("dashboard");
   return (
       <Grid item sm>
         <div style={{marginLeft:20}}>
-          <button style={{height:40,width:250,fontSize:18,borderTopLeftRadius:10,borderBottomLeftRadius:10,borderWidth:2,backgroundColor:"transparent"}}>Project Financial Summary</button>
-          <button style={{height:39,width:250,fontSize:18,borderTopWidth:2,borderBottomWidth:2,backgroundColor:"transparent"}}>Project Cash Flow</button>
+          <button className="rounded-l-lg" style={{height:40,width:250,fontSize:18}}>Project Financial Summary</button>
+          <button style={{height:39,width:250,fontSize:18}}>Project Cash Flow</button>
         </div>
       </Grid>
   );

tailwind.config.js

@@ -0,0 +1,16 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+ 
+    // Or if using `src` directory:
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+