style cleanup + tweaks

Title <> Subtitle relationships
Animat ein

client/src/common/components/views/TitleSide.jsx

@@ -0,0 +1,18 @@
+import style from './TitleSide.module.css';
+
+export default function TitleSide(props) {
+  const { type, label, title, subtitle, presenter } = props;
+
+  const titleStyle = type === 'next' ? style.nextTitle : style.nowTitle;
+  const subStyle = type === 'next' ? style.nextSubtitle : style.nowSubtitle;
+  const presStyle = type === 'next' ? style.nextPresenter : style.nowPresenter;
+
+  return (
+    <>
+      <div className={style.label}>{label}</div>
+      <div className={titleStyle}>{title}</div>
+      <div className={presStyle}>{presenter}</div>
+      <div className={subStyle}>{subtitle}</div>
+    </>
+  );
+}