message: Replaced useEffect and useState for donations with useMemo
diff: -import React, { useEffect, useState } from 'react'
  +import React, { useMemo, useState } from 'react'
  import { Button, Grid, Theme, Typography } from '@mui/material'
  import AccountCircleIcon from '@mui/icons-material/AccountCircle'
  import FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord'
  @@ -45,13 +45,13 @@ export default function DonorsAndDonations({
  }) {
  const classes = useStyles()
  const { t, i18n } = useTranslation()
  - const [donationsToShow, setDonationsToShow] = useState<CampaignDonation[] | undefined>()
  const [all, setAll] = useState<boolean>(false)
  - const shownDonationsNumber = 1
  - useEffect(() => {
  - all
  - ? setDonationsToShow(donations)
  - : setDonationsToShow(donations?.slice(0, shownDonationsNumber))
  + const shownDonationsNumber = 5
  + const donationsToShow = useMemo(() => {
  + if (all) {
  + return donations
  + }
  + return donations?.slice(0, shownDonationsNumber)
  }, [donations, all])
  return (
  <>
  