ODC and confirm email refactor (#15739)

* use class name instead of id

* storybook rename

* refactor types

* linting

* prettier

* classname in react component

* lint error

* add classname in confirm-email success

* remove decorators

* allow focusing with the tab key to get information about the progress

* group form and radio chip elements

* single type assertion

---------

Co-authored-by: Rebeka <o.dekany@gmail.com>
GitOrigin-RevId: 58a64ebdde5c57619a81ae4b68cdb8a6b44dc295

services/web/frontend/stylesheets/modules/overleaf-integration.less

@@ -1,4 +1,4 @@
-#confirm-email {
+.onboarding-confirm-email {
   max-width: 400px;
   padding: 24px;
   margin: 0 auto;
@@ -31,7 +31,7 @@
   }
 }
 
-#onboarding-data-collection {
+.onboarding-data-collection-form {
   max-width: 720px;
   padding: 24px;
   margin: 0 auto;
@@ -58,6 +58,7 @@
 
   .onboarding-question-title {
     font-size: 20px;
+    border-bottom: none;
   }
 
   p {