chore: Adjust CampaignCard style

- Changed fontFamily
- Fixed layout

Author: sashko9807

src/components/client/campaigns/CampaignCard/CampaignCard.tsx

@@ -106,6 +106,7 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
               </Box>
             </Typography>
           </Grid2>
+          <CampaignProgress state={campaignState} raised={reached} target={target} />
           <SumWrapper>
             <Sum>
               <SumNumber>
@@ -122,7 +123,6 @@ export default function ActiveCampaignCard({ campaign, index }: Props) {
               </SumNumber>
             </Sum>
           </SumWrapper>
-          <CampaignProgress state={campaignState} raised={reached} target={target} />
           <CampaignTitle>{title}</CampaignTitle>
         </StyledContent>
       </Link>

src/components/client/index/sections/ActiveCampaignsSection/ActiveCampaignCard/ActiveCampaignCard.styled.tsx

@@ -2,7 +2,7 @@ import { Card, CardActions, CardContent, Grid } from '@mui/material'
 import { styled } from '@mui/material/styles'
 
 import LinkButton from 'components/common/LinkButton'
-import theme from 'common/theme'
+import theme, { commissioner, montserrat } from 'common/theme'
 
 export const Root = styled(Card)(() => ({
   display: 'flex',
@@ -47,9 +47,10 @@ export const StyledContent = styled(CardContent)(() => ({
     alignItems: 'center',
     gap: theme.spacing(1),
     color: theme.palette.common.black,
-    fontFamily: 'Montserrat, sans-serif',
+    fontFamily: montserrat.style.fontFamily,
     fontSize: theme.typography.pxToRem(16),
     fontWeight: 500,
+    paddingBottom: theme.spacing(1),
   },
 
   '&:last-child': { paddingBottom: 0 },
@@ -58,7 +59,7 @@ export const StyledContent = styled(CardContent)(() => ({
 export const CampaignTitle = styled('h3')(() => ({
   fontSize: theme.typography.pxToRem(16),
   color: theme.palette.common.black,
-  fontFamily: 'Montserrat, sans-serif',
+  fontFamily: montserrat.style.fontFamily,
   fontWeight: 400,
   textAlign: 'left',
   margin: theme.spacing(1, 0, 0),
@@ -85,6 +86,7 @@ export const Sum = styled('span')(() => ({
   fontSize: theme.typography.pxToRem(16),
   lineHeight: '150%',
   letterSpacing: '0.15px',
+  fontFamily: commissioner.style.fontFamily,
 }))
 
 export const SumNumber = styled('span')(() => ({