fix(create-new-team): center the customer logos

* Center the image.
* Decrease margins and paddings not to trigger scrollbar unnecessarily.

Addresses #402 (comment)

Author: cagdas001

src/components/CustomerScroll/styles.module.scss

@@ -7,20 +7,19 @@
   color: #7f7f7f;
   text-align: center;
   text-transform: uppercase;
-  margin-bottom: 30px;
 }
 
 .customer-logos {
   background-image: url("../../assets/images/customer-logos.svg");
   background-size: contain;
   background-repeat: no-repeat;
+  background-position: center;
   height: 56px;
   width: 100%;
 }
 
 @media only screen and (max-height: 859px) {
   .title {
     font-size: 16px;
-    margin-bottom: 15px;
   }
 }

src/routes/CreateNewTeam/components/InputContainer/styles.module.scss

@@ -3,7 +3,7 @@
   flex-direction: row;
   justify-content: center;
   align-items: flex-start;
-  margin: 42px 35px;
+  margin: 42px 35px 30px;
   .right-side {
     display: flex;
     flex-direction: column;

src/routes/CreateNewTeam/components/SearchContainer/styles.module.scss

@@ -3,7 +3,7 @@
   flex-direction: row;
   justify-content: center;
   align-items: flex-start;
-  margin: 42px 35px;
+  margin: 42px 35px 30px;
   .right-side {
     display: flex;
     flex-direction: column;

src/routes/CreateNewTeam/components/SubmitContainer/styles.module.scss

@@ -3,7 +3,7 @@
   flex-direction: row;
   justify-content: center;
   align-items: flex-start;
-  margin: 42px 35px;
+  margin: 42px 35px 30px;
   .right-side {
     display: flex;
     flex-direction: column;

src/routes/CreateNewTeam/styles.module.scss

@@ -1,4 +1,4 @@
 .logos {
-  padding: 0 35px 15px;
+  padding: 0 35px 8px;
   width: 100%;
 }