[Glitch] Implement new collection page design

Port 098d698a7e to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/components/account/index.tsx

@@ -76,6 +76,7 @@ interface AccountProps {
   withMenu?: boolean;
   withBorder?: boolean;
   extraAccountInfo?: React.ReactNode;
+  className?: string;
   children?: React.ReactNode;
 }
 
@@ -89,6 +90,7 @@ export const Account: React.FC<AccountProps> = ({
   withMenu = true,
   withBorder = true,
   extraAccountInfo,
+  className,
   children,
 }) => {
   const intl = useIntl();
@@ -291,7 +293,7 @@ export const Account: React.FC<AccountProps> = ({
 
   return (
     <div
-      className={classNames('account', {
+      className={classNames('account', className, {
         'account--minimal': minimal,
         'account--without-border': !withBorder,
       })}

app/javascript/flavours/glitch/components/callout/styles.module.css

@@ -6,6 +6,7 @@
   background-color: var(--color-bg-brand-softest);
   color: var(--color-text-primary);
   border-radius: 12px;
+  font-size: 15px;
 }
 
 .icon {