fixed:#2527 Refactored CSS files in src/screens/UserPortal

src/screens/UserPortal/Campaigns/Campaigns.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Dropdown, Form, Button, ProgressBar } from 'react-bootstrap';
-import styles from './Campaigns.module.css';
+import styles from '../../../style/app.module.css';
 import { useTranslation } from 'react-i18next';
 import { Navigate, useNavigate, useParams } from 'react-router-dom';
 import { Circle, Search, Sort, WarningAmberRounded } from '@mui/icons-material';
@@ -127,7 +127,7 @@ const Campaigns = (): JSX.Element => {
   // Renders the campaign list and UI elements for searching, sorting, and adding pledges
   return (
     <>
-      <div className={`${styles.btnsContainer} gap-4 flex-wrap`}>
+      <div className={`${styles.btnsContainers} gap-4 flex-wrap`}>
         {/* Search input field and button */}
         <div className={`${styles.input} mb-1`}>
           <Form.Control

src/screens/UserPortal/Campaigns/PledgeModal.tsx

@@ -8,7 +8,7 @@ import type {
   InterfacePledgeInfo,
   InterfaceUserInfo,
 } from 'utils/interfaces';
-import styles from './Campaigns.module.css';
+import styles from '../../../style/app.module.css';
 import React, { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useMutation, useQuery } from '@apollo/client';

src/screens/UserPortal/Chat/Chat.tsx

@@ -8,7 +8,7 @@ import ContactCard from 'components/UserPortal/ContactCard/ContactCard';
 import ChatRoom from 'components/UserPortal/ChatRoom/ChatRoom';
 import useLocalStorage from 'utils/useLocalstorage';
 import NewChat from 'assets/svgs/newChat.svg?react';
-import styles from './Chat.module.css';
+import styles from '../../../style/app.module.css';
 import UserSidebar from 'components/UserPortal/UserSidebar/UserSidebar';
 import { CHATS_LIST } from 'GraphQl/Queries/PlugInQueries';
 import CreateGroupChat from '../../../components/UserPortal/CreateGroupChat/CreateGroupChat';