- implement work experience

- implement education
- show dynamic names in layout

src/components/builder/left/LeftSidebar.js

@@ -12,9 +12,9 @@ const LeftSidebar = () => {
       <LeftNavbar />
 
       <div className={styles.container}>
-        {sections.map(({ id, component: Component }) => (
+        {sections.map(({ id, name, event, component: Component }) => (
           <Fragment key={id}>
-            <Component state={state} />
+            <Component id={id} name={name} event={event} state={state} />
             <hr />
           </Fragment>
         ))}

src/components/builder/left/LeftSidebar.module.css

@@ -1,6 +1,12 @@
 .container {
   z-index: 10;
   box-shadow: var(--left-shadow);
+  -ms-overflow-style: none;
+  scrollbar-width: none;
   @apply w-full h-screen overflow-scroll p-8;
   @apply grid gap-6;
 }
+
+.container::-webkit-scrollbar {
+  display: none;
+}