added twitter and modified copyright

client/src/App.tsx

@@ -83,9 +83,12 @@ function App(): JSX.Element {
         </div>
         <div className={style.footer}>
           <div className={style.footerText}>
-            <p>©ATLUS ©SEGA All Rights Reserved.</p>
+            <p><a href='https://www.atlus.co.jp/copyright/' rel='noopener noreferrer' target='_blank'>©ATLUS</a> ©SEGA All Rights Reserved.</p>
             <p>本ページは、株式会社ATLUS様のページとは異なるユーザーサイトです。</p>
-            <p><a href='https://www.atlus.co.jp/copyright/' rel='noopener noreferrer' target='_blank'>問い合わせなどをATLUS</a>様に出されないよう、ご注意ください。</p>
+            <p>問い合わせなどをATLUS様に出されないよう、ご注意ください。</p>
+          </div>
+          <div className={style.twitter}>
+            <a href='https://twitter.com/catherine_f_c' rel='noopener noreferrer' target='_blank'>&nbsp;</a>
           </div>
           <div className={style.twitch}>
             <a href='https://www.twitch.tv/catherine_faito_crab' rel='noopener noreferrer' target='_blank'>&nbsp;</a>

client/src/web.module.scss

@@ -133,6 +133,19 @@
     height: 70px;
   }
 }
+.twitter  {
+  float: right;
+  width: 70px;
+  height: 70px;
+  margin: 0 20px;
+  background-image: url('./static/img/twitter.png');
+  background-size: contain;
+  &> a {
+    display:block;
+    width: 70px;
+    height: 70px;
+  }
+}
 .youtube  {
   float: right;
   width: 100px;