fix: remove unused className spacer from spacer helper (#49067)

* fix: remove unused className spacer from spacer helper

---------

Co-authored-by: jeff <jeff@vpmbp4.local>

client/src/components/helpers/spacer.tsx

@@ -6,9 +6,7 @@ interface SpacerProps {
 
 const styles = { padding: '15px 0', height: '1px' };
 
-const Comp = ({ ...props }): JSX.Element => (
-  <div className='spacer' style={styles} {...props} />
-);
+const Comp = ({ ...props }): JSX.Element => <div style={styles} {...props} />;
 
 const Spacer = ({ size = 1 }: SpacerProps): JSX.Element =>
   size === 1 ? (

client/src/components/profile/__snapshots__/profile.test.tsx.snap

@@ -3,14 +3,12 @@
 exports[`<Profile/> renders correctly 1`] = `
 <div>
   <div
-    class="spacer"
     style="padding: 15px 0px; height: 1px;"
   />
   <div
     class="container"
   >
     <div
-      class="spacer"
       style="padding: 15px 0px; height: 1px;"
     />
     <div>
@@ -275,7 +273,6 @@ exports[`<Profile/> renders correctly 1`] = `
       <br />
     </div>
     <div
-      class="spacer"
       style="padding: 15px 0px; height: 1px;"
     />
     <div
@@ -288,7 +285,6 @@ exports[`<Profile/> renders correctly 1`] = `
       </a>
     </div>
     <div
-      class="spacer"
       style="padding: 15px 0px; height: 1px;"
     />
   </div>

client/src/components/settings/__snapshots__/settings-button.test.js.snap

@@ -9,7 +9,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -149,7 +148,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -289,7 +287,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -429,7 +426,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -569,7 +565,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -709,7 +704,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -849,7 +843,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -989,7 +982,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1129,7 +1121,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1269,7 +1260,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1409,7 +1399,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1554,7 +1543,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1774,7 +1762,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -1994,7 +1981,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -2214,7 +2200,6 @@ Array [
       className="col-sm-8 col-sm-offset-2 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",

client/src/pages/__snapshots__/email-sign-up.test.js.snap

@@ -13,7 +13,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
       className="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -28,7 +27,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
           learn.read-this.heading
         </strong>
         <div
-          className="spacer"
           style={
             Object {
               "height": "1px",
@@ -97,7 +95,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
         misc.quincy
       </strong>
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -109,7 +106,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
         misc.email-blast
       </p>
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",
@@ -150,7 +146,6 @@ exports[`<EmailSignUp /> Non-Authenticated user "not accepted terms and conditio
       className="col-xs-12"
     >
       <div
-        className="spacer"
         style={
           Object {
             "height": "1px",