Rename non-camel-cased css classes

src/components/JavGameList/styles.module.scss

@@ -1,6 +1,6 @@
 @import "../../theme/variables";
 
-.jav-game-list {
+.JavGameList {
     color: $color-white;
 
     ul {

src/components/VolunteerInfo/styles.module.scss

@@ -1,4 +1,4 @@
-.volunteer-card {
+.VolunteerCard {
     ul {
         padding-left: 17px;
     }

src/components/VolunteerList/__tests__/__snapshots__/VolunteerList.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`<VolunteerList /> renders 1`] = `
 <div
-  class="user-list"
+  class="VolunteerList"
 >
   <h4>
     Volunteer List

src/components/VolunteerList/index.tsx

@@ -9,7 +9,7 @@ interface Props {
 }
 
 const VolunteerList = ({ items }: Props) => (
-    <div className={styles["user-list"]}>
+    <div className={styles.VolunteerList}>
         <h4>Volunteer List</h4>
         <ul>
             {items.map(({ id, lastname, firstname }) => (

src/components/VolunteerList/styles.module.scss

@@ -1,6 +1,6 @@
 @import "../../theme/variables";
 
-.user-list {
+.VolunteerList {
     color: $color-white;
 
     ul {

src/components/VolunteerSet/styles.module.scss

@@ -1,6 +1,6 @@
 @import "../../theme/variables";
 
-.jav-game-list {
+.VolunteerList {
     color: $color-white;
 
     ul {

src/components/WishAdd/styles.module.scss

@@ -1,6 +1,6 @@
 @import "../../theme/variables";
 
-.jav-game-list {
+.WishList {
     color: $color-white;
 
     ul {

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;
 }