fix(client): heatmap button size (freeCodeCamp#59576)

Author: moT01

client/src/components/profile/components/heat-map.tsx

@@ -146,6 +146,7 @@ class HeatMapInner extends Component<HeatMapInnerProps, HeatMapInnerState> {
           />
           <ReactTooltip className='react-tooltip' effect='solid' html={true} />
           <Row className='text-center'>
+            <Spacer size='xs' />
             <button
               className='heatmap-nav-btn'
               disabled={!pages[this.state.pageIndex - 1]}
@@ -170,7 +171,7 @@ class HeatMapInner extends Component<HeatMapInnerProps, HeatMapInnerState> {
               &gt;
             </button>
           </Row>
-          <Spacer size='m' />
+          <Spacer size='xs' />
         </section>
       </FullWidthRow>
     );

client/src/components/profile/components/heatmap.css

@@ -1,5 +1,7 @@
 .heatmap-nav-btn {
   margin: 0 20px;
+  width: 44px;
+  height: 44px;
 }
 
 .react-calendar-heatmap-month-label {