Implement new collection page design (#38450)

app/javascript/mastodon/components/account/index.tsx

@@ -75,6 +75,7 @@ interface AccountProps {
   withMenu?: boolean;
   withBorder?: boolean;
   extraAccountInfo?: React.ReactNode;
+  className?: string;
   children?: React.ReactNode;
 }
 
@@ -88,6 +89,7 @@ export const Account: React.FC<AccountProps> = ({
   withMenu = true,
   withBorder = true,
   extraAccountInfo,
+  className,
   children,
 }) => {
   const intl = useIntl();
@@ -290,7 +292,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/mastodon/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 {