improved the styles in admin UI

client/src/components/AboutUs/AboutUs.jsx

@@ -15,16 +15,17 @@ export default function AboutUs() {
                   What and why Thalia
                 </h2>
                 <p className="mb-10 text-text leading-relaxed text-body-color dark:text-dark-6">
+                  Thalia is a website that hosts communities for women and
+                  provides credible information on both physical and mental
+                  health topics that are essential for every woman.
+                  Additionally, there is a chatbot named Didi available for
+                  sharing emotions and receiving advice.
+                  <br />
+                  <br />
                   Our vision is to empower women by providing personalized
                   guidance, reliable learning resources, and a supportive
                   community, all while prioritizing their safety and
                   trustworthiness.
-                  <br />
-                  <br />
-                  We believe that women are like tea bags; their true strength
-                  shines through when faced with challenges. We're here to
-                  empower you. We firmly believe that when women support each
-                  other, amazing things happen.
                 </p>
 
                 <Link

client/src/components/CheckReport/CheckReport.jsx

@@ -41,7 +41,7 @@ function CheckReport({ openModal, setOpenModal, userReport }) {
                     <h2 id={`accordion-collapse-heading-${index}`}>
                       <button
                         type="button"
-                        className="flex items-center justify-between w-full p-5 font-medium rtl:text-right text-gray-500 border border-b-0 border-gray-200 rounded-t-xl dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 gap-3"
+                        className="flex items-center justify-between w-full p-5 font-medium rtl:text-right text-gray-500 border border-b-0 border-gray-600 rounded-t-xl dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-800 gap-3"
                         data-accordion-target={`#accordion-collapse-body-${index}`}
                         aria-expanded={accordionStates[index]}
                         aria-controls={`accordion-collapse-body-${index}`}
@@ -75,7 +75,7 @@ function CheckReport({ openModal, setOpenModal, userReport }) {
                       className={accordionStates[index] ? "block" : "hidden"}
                       aria-labelledby={`accordion-collapse-heading-${index}`}
                     >
-                      <div className="p-5 border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900">
+                      <div className="p-5 border border-b-0 border-gray-600 dark:border-gray-700 dark:bg-gray-900">
                         <p className="mb-2 text-text dark:text-gray-400">
                           {report?.reason}
                         </p>

client/src/components/EditBody/EditBody.jsx

@@ -41,7 +41,7 @@ function EditBody({ setOpenModal, openModal, bodyDetails }) {
         <Modal.Header className="bg-gray-800">
           <h1 className="text-white font-bold">Edit Topic</h1>
         </Modal.Header>
-        <Modal.Body className="ring-1 bg-background rounded-b-md px-2 py-2">
+        <Modal.Body className="ring-1 bg-gray-800 rounded-b-md px-2 py-2">
           <div className="w-full">
             <label htmlFor="">
               <h1 className="text-white py-2">Name of the Topic</h1>
@@ -62,12 +62,12 @@ function EditBody({ setOpenModal, openModal, bodyDetails }) {
                 value={formData?.content}
                 onChange={handleChange}
                 rows={8}
-                className="w-full rounded-md bg-gray-700 text-white"
+                className="w-full rounded-md bg-gray-700 text-white "
               ></textarea>
             </label>
           </div>
           <button
-            className="text-primary border-2 px-5 py-1 hover:bg-primary hover:text-black rounded-md float-end"
+            className="text-white border-0 px-5 py-1 hover:bg-primary bg-gray-500 hover:text-black rounded-md float-end"
             onClick={handleEdit}
           >
             Update

client/src/components/Features/Features.jsx

@@ -217,7 +217,7 @@ export default function Features() {
                 </svg>
               </div>
               <h4 className="mb-3 text-xl font-bold text-white dark:text-white">
-                Safity
+                Safety
               </h4>
               <p className="mb-8 text-gray-200 dark:text-white-6 lg:mb-9">
                 Ensure complete safety in chatting and communication. Our

client/src/components/Sidebar/Sidebar.jsx

@@ -26,7 +26,7 @@ function Sidebar() {
           <button className="flex items-center px-4 py-2 rounded-md w-full mt-8 hover:bg-gray-800">
             <TbFileReport className="text-primary" />
             <Link className="ml-4 font-bold text-gray-500" to={"/admin/rights"}>
-              Rights Management
+              My Right
             </Link>
           </button>
           <button className="flex items-center px-4 py-2 rounded-md w-full mt-8 hover:bg-gray-800">

client/src/pages/AdminPages/Home/Home.jsx

@@ -1,13 +1,12 @@
-import Figure from "../../../components/Figure/Figure";
+// import Figure from "../../../components/Figure/Figure";
 
 function Home() {
   return (
     <>
       <div className="h-screen  bg-background">
         <div className="col-span-9">
           <div className="flex justify-around py-5">
-            <Figure />
-            <Figure />
+            {/* <Figure /> */}
           </div>
         </div>
       </div>

client/src/pages/AdminPages/Managment/Managment.jsx

@@ -88,7 +88,7 @@ function Managment() {
                   return (
                     <>
                       <tbody key={index}>
-                        <tr className="border-b">
+                        <tr className="border-b border-gray-600">
                           <th scope="row" className="px-6 py-4 font-medium">
                             {user?.fullname}
                           </th>

client/src/pages/AdminPages/MyBody/MyBody.jsx

@@ -65,7 +65,7 @@ function MyBody() {
             </div>
             <div className="px-8">
               <button
-                className="text-xl py-12 text-pretty text-primary underline"
+                className="text-xl py-12 text-pretty text-primary"
                 onClick={handleModal}
               >
                 Create

client/src/pages/AdminPages/Rights/Rights.jsx

@@ -59,11 +59,11 @@ function Rights() {
           {/* Text Components  */}
           <div className="text-text flex justify-between">
             <div>
-              <h1 className="text-2xl py-12">Rights Management</h1>
+              <h1 className="text-2xl py-12">My Rights</h1>
             </div>
             <div className="px-8">
               <button
-                className="text-xl py-12 text-pretty text-black bg-primary"
+                className="text-xl py-12 text-pretty text-primary "
                 onClick={handleModal}
               >
                 Create
@@ -97,7 +97,7 @@ function Rights() {
                   return (
                     <>
                       <tbody className="text-text" key={index}>
-                        <tr className="border-b border-gray-500">
+                        <tr className="border-b border-gray-600">
                           <th scope="row" className="px-6 py-4 font-medium">
                             {index + 1}
                           </th>