Fix CLS: add explicit dimensions to PayPal button and flag images

- PayPal input[type=image]: add width=147 height=47 so browser reserves space
- Flag images: add width=22 to match height=15, preventing reflow on load

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ChengaDev

src/components/DonateButton.tsx

@@ -18,6 +18,8 @@ const DonateButton = () => {
           name="submit"
           title="PayPal - The safer, easier way to pay online!"
           alt="Donate with PayPal button"
+          width="147"
+          height="47"
         />
         <img
           alt=""

src/components/LanguageSelector.tsx

@@ -26,16 +26,16 @@ const LanguageSelector = () => {
   return (
     <Container>
       <FlagContainer onClick={() => handleLanguageChange(LanguageCodes.Italian)} aria-label="Switch to Italian">
-        <Flag height="15" code="ITA" />
+        <Flag height="15" width="22" code="ITA" />
       </FlagContainer>
       <FlagContainer onClick={() => handleLanguageChange(LanguageCodes.Spanish)} aria-label="Switch to Spanish">
-        <Flag height="15" code="ES" />
+        <Flag height="15" width="22" code="ES" />
       </FlagContainer>
       <FlagContainer onClick={() => handleLanguageChange(LanguageCodes.French)} aria-label="Switch to French">
-        <Flag height="15" code="FR" />
+        <Flag height="15" width="22" code="FR" />
       </FlagContainer>
       <FlagContainer onClick={() => handleLanguageChange(LanguageCodes.English)} aria-label="Switch to English">
-        <Flag height="15" code="US" />
+        <Flag height="15" width="22" code="US" />
       </FlagContainer>
     </Container>
   )