Padms/2179 (#2232)

* Refactor FigCaption to tailwind #2179

* ♻️ Some more changes use mt-2 #2179

* 🔥 Cleanup #2179

* 🚨 Lint warnings #2179

web/components/src/FigureCaption/Attribution.tsx

@@ -1,4 +1,5 @@
 import { forwardRef, HTMLAttributes } from 'react'
+
 export type AttributionProps = HTMLAttributes<HTMLDivElement>
 
 export const Attribution = forwardRef<HTMLDivElement, AttributionProps>(function ({ children, ...rest }, ref) {

web/components/src/FigureCaption/FigureCaption.tsx

@@ -1,16 +1,11 @@
-import { forwardRef, HTMLAttributes } from 'react'
+import { HTMLAttributes } from 'react'
 import { twMerge } from 'tailwind-merge'
 
 export type FigureCaptionProps = {
   size?: 'small' | 'medium'
 } & HTMLAttributes<HTMLElement>
 
-export const FigureCaption = forwardRef<HTMLElement, FigureCaptionProps>(function FigureCaption({
-  size = 'small',
-  children,
-  className,
-  ...rest
-}) {
+export const FigureCaption = ({ size = 'small', children, className, ...rest }: FigureCaptionProps) => {
   return (
     <figcaption
       className={twMerge(
@@ -22,4 +17,4 @@ export const FigureCaption = forwardRef<HTMLElement, FigureCaptionProps>(functio
       {children}
     </figcaption>
   )
-})
+}

web/pageComponents/shared/Hero/FiftyFiftyHero.tsx

@@ -4,7 +4,6 @@ import TitleText from '../portableText/TitleText'
 import type { HeroType } from '../../../types/types'
 import { BackgroundContainer } from '@components'
 import ReadMoreLink from '../ReadMoreLink'
-import RichText from '../portableText/RichText'
 import Blocks from '../portableText/Blocks'
 
 const StyledHero = styled(BackgroundContainer)`

web/pageComponents/shared/textTeaser/TextTeaser.tsx

@@ -1,4 +1,4 @@
-import { Teaser as EnvisTeaser, Link, BackgroundContainer } from '@components'
+import { Teaser as EnvisTeaser, BackgroundContainer } from '@components'
 import styled from 'styled-components'
 import IngressText from '../portableText/IngressText'
 import TitleText from '../portableText/TitleText'