Rewrite styles to scss and use i respective components

src/components/Branding/Branding.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import classNames from 'classnames';
+import './branding.scss';
+type BrandingProps = {
+  logoContent: React.ReactNode;
+  modifier?: 'backlink' | 'logo' | 'content' | 'footer';
+};
+
+export default function Branding({ logoContent, modifier, children }: React.PropsWithChildren<BrandingProps>) {
+  return (
+    <div className={classNames('branding', { [`branding--${modifier}`]: modifier })}>
+      <div className='branding__logo'>{logoContent}</div>
+      <div className='branding__content'>{children}</div>
+    </div>
+  );
+}