Rename non-camel-cased css classes

src/pages/NotFound/__tests__/__snapshots__/NotFound.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`<NotFound /> renders 1`] = `
 <div
-  class="not-found"
+  class="NotFound"
 >
   <p>
     Oops, Page was not found!

src/pages/NotFound/index.tsx

@@ -13,7 +13,7 @@ const NotFound = ({ staticContext }: Props) => {
     if (staticContext) staticContext.statusCode = 404
 
     return (
-        <div className={styles["not-found"]}>
+        <div className={styles.NotFound}>
             <Helmet title="Oops" />
             <p>Oops, Page was not found!</p>
         </div>

src/pages/NotFound/styles.module.scss

@@ -1,3 +1,3 @@
-.not-found {
+.NotFound {
     padding: 0 15px;
 }

src/pages/VolunteerPage/VolunteerPage.tsx

@@ -37,7 +37,7 @@ const VolunteerPage = ({ match }: Props): JSX.Element => {
     }
 
     return (
-        <div className={styles.volunteer}>
+        <div className={styles.VolunteerPage}>
             <Helmet title="User Info" />
             {renderInfo()}
         </div>

src/pages/VolunteerPage/styles.module.scss

@@ -1,3 +1,3 @@
-.volunteer {
+.VolunteerPage {
     padding: 0 15px;
 }