refactor: 400・403エラービューを共通の構成に統一

元から存在したとが、
他のエラーページと異なる独自の構造を持っていたため、
共通のパーシャルを呼び出す形に修正。

Author: nacchan99

app/views/errors/bad_request.html.erb

@@ -1,39 +1 @@
-<% provide(:title, "ページが見つかりませんでした... 🥺💦") %>
-<% provide(:desc,  "ページが削除された可能性があります 🤔💭") %>
-
-<div id="top" class="title text-center">
-  <i class="cd cd-logo"></i>
-  <h1>CoderDojo Japan</h1>
-  <p>子どものためのプログラミング道場</p>
-  <br>
-</div>
-
-<section class="introduction text-center list">
-  <h2>
-    ページが見つかりませんでした... 🥺💦
-  </h2>
-  <p>
-    ページが削除された可能性があります 🤔💭
-    <br>
-  </p>
-  <p>
-    フィードバックなどあれば [email protected] にメールしていただくか、
-    <br>
-    もしくは
-    <a href="https://github.com/coderdojo-japan/coderdojo.jp/issues/">GitHub Issue</a>
-    に書いていただけると嬉しいです (＞人＜ )✨
-  </p>
-</section>
-
-<section id="timeline" class="text-center grayscale-bg" style="padding-bottom: 100px;">
-  <br>
-  <h3 class="text-center">
-    <a href="https://twitter.com/search?vertical=default&q=dojocon%20OR%20coderdojo%20OR%20%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC%E9%81%93%E5%A0%B4%20lang%3Aja" target="_blank" rel="noopener">🐣 最近の情報発信</a>
-  </h3>
-  <br>
-  <div class="twitter-timeline-wrapper">
-    <a class="twitter-timeline" href="https://twitter.com/CoderDojoJapan?ref_src=twsrc%5Etfw" data-lang="ja" data-chrome="noheader nofooter noborders" data-dnt="true" data-width="500" data-tweet-limit="5">@CoderDojoJapan アカウントのタイムライン</a>
-  </div>
-  <script async="" await="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-</section> 
- 
+<%= render template: "errors/show", locals: { status_code: 400 } %>

app/views/errors/forbidden.html.erb

@@ -1,38 +1 @@
-<% provide(:title, "403 Forbidden エラー 🚧 🏗") %>
-<% provide(:desc,  "アクセス権限が無いか削除された可能性があります 🤔💭") %>
-
-<div id="top" class="title text-center">
-  <i class="cd cd-logo"></i>
-  <h1>CoderDojo Japan</h1>
-  <p>子どものためのプログラミング道場</p>
-  <br>
-</div>
-
-<section class="introduction text-center list">
-  <h2>
-    アクセスできないページのため表示できませんでした 🚧 🏗
-  </h2>
-  <p>
-    ログインし直すことで解決する可能性があります 🤔💭
-    <br>
-  </p>
-  <p>
-    フィードバックなどあれば [email protected] にメールしていただくか、
-    <br>
-    もしくは
-    <a href="https://github.com/coderdojo-japan/coderdojo.jp/issues/">GitHub Issue</a>
-    に書いていただけると嬉しいです (＞人＜ )✨
-  </p>
-</section>
-
-<section id="timeline" class="text-center grayscale-bg" style="padding-bottom: 100px;">
-  <br>
-  <h3 class="text-center">
-    <a href="https://twitter.com/search?vertical=default&q=dojocon%20OR%20coderdojo%20OR%20%E3%82%B3%E3%83%BC%E3%83%80%E3%83%BC%E9%81%93%E5%A0%B4%20lang%3Aja" target="_blank" rel="noopener">🐣 最近の情報発信</a>
-  </h3>
-  <br>
-  <div class="twitter-timeline-wrapper">
-    <a class="twitter-timeline" href="https://twitter.com/CoderDojoJapan?ref_src=twsrc%5Etfw" data-lang="ja" data-chrome="noheader nofooter noborders" data-dnt="true" data-width="500" data-tweet-limit="5">@CoderDojoJapan アカウントのタイムライン</a>
-  </div>
-  <script async="" await="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-</section> 
+<%= render template: "errors/show", locals: { status_code: 403 } %>