Refactor CSS files in src/screens/OrgContribution (Fixs : #2520)

package.json

@@ -156,7 +156,7 @@
     "sass": "^1.80.7",
     "tsx": "^4.19.1",
     "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^2.1.5",
+    "vitest": "^2.1.8",
     "whatwg-fetch": "^3.6.20"
   },
   "resolutions": {

src/components/ContriStats/ContriStats.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import styles from './ContriStats.module.css';
+import styles from '../../style/app.module.css';
 
 interface InterfaceContriStatsProps {
   id: string;
@@ -13,27 +13,34 @@ interface InterfaceContriStatsProps {
 /**
  * A component that displays contribution statistics.
  *
- * @param props - The properties passed to the component, including `recentAmount`, `highestAmount`, and `totalAmount`.
+ * @param recentAmount - The most recent contribution amount.
+ * @param highestAmount - The highest contribution amount.
+ * @param totalAmount - The total contribution amount.
  *
  * @returns JSX.Element - The rendered component displaying the contribution stats.
  */
-function ContriStats(props: InterfaceContriStatsProps): JSX.Element {
+function ContriStats({
+  recentAmount,
+  highestAmount,
+  totalAmount,
+}: InterfaceContriStatsProps): JSX.Element {
   const { t } = useTranslation('translation', {
     keyPrefix: 'contriStats',
   });
 
   return (
     <>
       <p className={styles.fonts}>
-        {t('recentContribution')}: $&nbsp;<span>{props.recentAmount}</span>
+        {t('recentContribution')}: $&nbsp;<span>{recentAmount}</span>
       </p>
       <p className={styles.fonts}>
-        {t('highestContribution')}: $&nbsp;<span>{props.highestAmount}</span>
+        {t('highestContribution')}: $&nbsp;<span>{highestAmount}</span>
       </p>
       <p className={styles.fonts}>
-        {t('totalContribution')}: $&nbsp;<span>{props.totalAmount}</span>
+        {t('totalContribution')}: $&nbsp;<span>{totalAmount}</span>
       </p>
     </>
   );
 }
+
 export default ContriStats;

src/components/OrgContriCards/OrgContriCards.tsx

@@ -3,7 +3,7 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import { useTranslation } from 'react-i18next';
 
-import styles from './OrgContriCards.module.css';
+import styles from '../../style/app.module.css';
 
 /**
  * Props for the OrgContriCards component