fix: use clockface scrollbar for firstmile wizards (#4497)

Author: ChitlangeSahas

src/homepageExperience/components/HomepageExperience.scss

@@ -11,8 +11,6 @@ h1#first-mile--header {
   display: flex;
   height: 100%;
   width: 100%;
-
-  overflow-y: scroll;
 }
 
 .homepage-wizard-container--subway {

src/homepageExperience/containers/GoWizard.tsx

@@ -133,7 +133,7 @@ export class GoWizard extends PureComponent<null, State> {
           <div />
           <RateLimitAlert location="firstMile.homepage" />
         </Page.Header>
-        <Page.Contents>
+        <Page.Contents scrollable={true}>
           <div className="homepage-wizard-container">
             <aside className="homepage-wizard-container--subway">
               <div style={{width: '100%'}}>

src/homepageExperience/containers/NodejsWizard.tsx

@@ -134,7 +134,7 @@ export class NodejsWizard extends PureComponent<null, State> {
           <RateLimitAlert location="firstMile.homepage" />
         </Page.Header>
 
-        <Page.Contents>
+        <Page.Contents scrollable={true}>
           <div className="homepage-wizard-container">
             <aside className="homepage-wizard-container--subway">
               <div style={{width: '100%'}}>

src/homepageExperience/containers/PythonWizard.tsx

@@ -135,7 +135,7 @@ export class PythonWizard extends PureComponent<null, State> {
           <div />
           <RateLimitAlert location="firstMile.homepage" />
         </Page.Header>
-        <Page.Contents>
+        <Page.Contents scrollable={true}>
           <div className="homepage-wizard-container">
             <aside className="homepage-wizard-container--subway">
               <div style={{width: '100%'}} data-testid="subway-nav">