Issue #PS-000 chore: Fixed UI Issue and added toast message

src/components/CohortSelectionSection.tsx

@@ -15,6 +15,7 @@ import { useTheme } from '@mui/material/styles';
 import { useTranslation } from 'next-i18next';
 import Loader from './Loader';
 import { cohortHierarchy } from '@/utils/app.constant';
+import { showToastMessage } from './Toastify';
 
 interface CohortSelectionSectionProps {
   classId: string;
@@ -151,6 +152,7 @@ const CohortSelectionSection: React.FC<CohortSelectionSectionProps> = ({
         } catch (error) {
           console.error('Error fetching cohort list', error);
           setLoading(false);
+          showToastMessage(t('COMMON.SOMETHING_WENT_WRONG'), 'error');
         }
       };
 

src/pages/blocks/centre.tsx

@@ -19,6 +19,7 @@ import {
 } from '@mui/icons-material';
 import AddIcon from '@mui/icons-material/Add';
 import FilterModalCenter from './components/FilterModalCenter';
+import { toPascalCase } from '@/utils/Helper';
 
 interface BlocksProps {
   // Define any props if needed
@@ -110,10 +111,10 @@ const Blocks: React.FC<BlocksProps> = () => {
 
   useEffect(() => {
     const storedDistrict = localStorage.getItem('selectedBlockDistrict') || '';
-    setDistrict(storedDistrict);
+    setDistrict(toPascalCase(storedDistrict));
 
     const storedBlock = localStorage.getItem('selectedBlock') || '';
-    setBlocks(storedBlock);
+    setBlocks(toPascalCase(storedBlock));
   }, []);
 
   useEffect(() => {
@@ -142,7 +143,7 @@ const Blocks: React.FC<BlocksProps> = () => {
             fontWeight={'500'}
             color={theme?.palette?.text?.primary}
           >
-            {districts}, {state}
+            {districts}, {toPascalCase(state)}
           </Typography>
           <Box display={'flex'} alignItems={'center'} mb={2}>
             <TextField

src/pages/centers/index.tsx

@@ -217,7 +217,7 @@ const TeachingCenters = () => {
                   <Box>
                     <TextField
                       className="input_search"
-                      placeholder={t('COMMON.SEARCH_FACILITATORS')}
+                      placeholder={t('COMMON.SEARCH')}
                       color="secondary"
                       focused
                       sx={{