refactor(Design/Content): redising of the main content view

frontend/app/App.jsx

@@ -79,8 +79,20 @@ export const App = (props) => {
             />
           )}
         </div>
-        <main className="responsive padding" style={{ overflow: "hidden" }}>
+        <main
-          {props.children}
+          className="max padding"
+          style={{
+            height: "calc(100vh - 2rem)",
+            width: "100%",
+            overflow: "hidden",
+          }}
+        >
+          <div
+            className="border round padding"
+            style={{ height: "calc(100vh - 2rem)", "overflow-y": "scroll" }}
+          >
+            {props.children}
+          </div>
         </main>
       </div>
     </body>

frontend/app/components/ReleaseCard/ReleaseCard.jsx

@@ -5,7 +5,7 @@ export const ReleaseCard = (props) => {
   return (
     <Link
       href={`/release/${props.id}`}
-      className={props.className ? props.className : "s3"}
+      className={props.className ? props.className : "s2"}
     >
       <article
         className="no-padding round fill"