Remove unused styling

Author: kaja-osojnik

src/app/components/AnalyticsConsent/index.tsx

@@ -103,12 +103,8 @@ export const ReopenAnalyticsConsentButton = () => {
   const context = useContext(AnalyticsContext)
   if (context === null) throw new Error('must be used within AnalyticsContext')
   return (
-    <Link asChild className="text-muted-foreground">
-      <button
-        type="button"
-        onClick={() => context.reopenAnalyticsConsent()}
-        className="bg-transparent p-0 cursor-pointer"
-      >
+    <Link asChild textColor="inherit">
+      <button type="button" onClick={() => context.reopenAnalyticsConsent()}>
         {t('analyticsConsent.settings')}
       </button>
     </Link>
@@ -135,11 +131,7 @@ export const AnalyticsConsentView = (props: {
           t={t}
           components={{
             PrivacyPolicyLink: (
-              <Link
-                href={import.meta.env.REACT_APP_PRIVACY_POLICY}
-                target="_blank"
-                className="font-normal underline"
-              />
+              <Link href={import.meta.env.REACT_APP_PRIVACY_POLICY} target="_blank" className="underline" />
             ),
           }}
           values={{ acceptButtonLabel: t('analyticsConsent.acceptButtonLabel') }}

src/app/components/PageLayout/Footer.tsx

@@ -46,7 +46,7 @@ export const Footer: FC<FooterProps> = ({ scope, mobileSearchAction, enableMobil
           <>
             <div className="flex items-center">
               {import.meta.env.REACT_APP_BUILD_SHA && (
-                <Typography variant="xsmall" textColor="muted" className="text-xs">
+                <Typography variant="xsmall" textColor="muted">
                   <Trans
                     t={t}
                     i18nKey="footer.version"
@@ -57,7 +57,6 @@ export const Footer: FC<FooterProps> = ({ scope, mobileSearchAction, enableMobil
                           rel="noopener noreferrer"
                           target="_blank"
                           textColor="inherit"
-                          className="text-xs"
                         />
                       ) : (
                         <>-</>
@@ -68,7 +67,6 @@ export const Footer: FC<FooterProps> = ({ scope, mobileSearchAction, enableMobil
                           rel="noopener noreferrer"
                           target="_blank"
                           textColor="inherit"
-                          className="text-xs"
                         />
                       ),
                     }}
@@ -97,24 +95,13 @@ export const Footer: FC<FooterProps> = ({ scope, mobileSearchAction, enableMobil
               <div className="flex gap-2 pl-1">
                 <Typography variant="xsmall" textColor="muted">
                   {' | '}
-                  <Link
-                    href={api.spec}
-                    rel="noopener noreferrer"
-                    target="_blank"
-                    textColor="inherit"
-                    className="text-xs"
-                  >
+                  <Link href={api.spec} rel="noopener noreferrer" target="_blank" textColor="inherit">
                     {t('footer.apiDocs')}
                   </Link>
                 </Typography>
                 <Typography variant="xsmall" textColor="muted">
-                  <Link
-                    href={github.home}
-                    rel="noopener noreferrer"
-                    target="_blank"
-                    textColor="inherit"
-                    className="text-xs"
-                  >
+                  {' | '}
+                  <Link href={github.home} rel="noopener noreferrer" target="_blank" textColor="inherit">
                     {t('footer.github')}
                   </Link>
                 </Typography>

src/styles/theme/defaultTheme.ts

@@ -46,7 +46,6 @@ declare module '@mui/material/Button' {
 
 declare module '@mui/material/Typography' {
   interface TypographyPropsVariantOverrides {
-    footer: true
     select: true
     mono: true
   }
@@ -522,15 +521,6 @@ export const defaultTheme = createTheme({
             fontWeight: 700,
           }),
         },
-        {
-          props: { variant: 'footer' },
-          style: ({ theme }) => ({
-            color: theme.palette.layout.main,
-            fontWeight: 400,
-            fontSize: '12px',
-            lineHeight: '18px',
-          }),
-        },
         {
           props: { variant: 'select' },
           style: () => ({