Sync src with upstream (exclude translated files)

src/components/CarbonAds.tsx

@@ -35,4 +35,4 @@ export function CarbonAds({ id }: { id: string }) {
   }, [id])
 
   return <div className="carbonAdsContainer" ref={containerRef} />
-}
+}

src/components/Menu/Menu.tsx

@@ -73,7 +73,7 @@ function Menu({ pages = [] }: { pages: Pages }) {
         </ul>
         <div className={styles.ads}>
           <CarbonAds id={CARBON_SCRIPT_ID} />
-        </div>      
+        </div>
       </div>
     </aside>
   )

src/components/Menu/SideMenu.module.css

@@ -38,7 +38,8 @@
     max-width: 230px;
     padding: 0;
     overflow-y: auto;
-    height: calc(100vh - 190px);
+    height: calc(100vh - 600px);
+    overflow-y: auto;
   }
 
   .menu > div > ul > li {
@@ -48,6 +49,10 @@
     display: flex;
   }
 
+  .menu > div > ul > li:last-child {
+    padding-bottom: 0;
+  }
+
   .menu > div > ul > li > a {
     text-decoration: none;
     padding-left: 6px;
@@ -117,6 +122,7 @@
   .menu > div > ul {
     margin-top: 0;
     max-width: 260px;
+    height: calc(100vh - 450px);
   }
 
   .menu > ul {
@@ -203,3 +209,8 @@
 .menu ul li a.isActive {
   border-bottom: 1px solid var(--color-secondary);
 }
+
+.ads {
+  position: absolute;
+  height: 500px;
+}

src/components/Nav.tsx

@@ -302,6 +302,7 @@ export default function Nav() {
                   >
                     {nav.tools.formBuilder}
                   </Link>
+
                   <Link
                     className={router.pathname == "/dev-tools" ? "active" : ""}
                     href="/dev-tools"

src/components/layout.css

@@ -945,11 +945,3 @@ pre[class*="language-"] {
     height: auto;
   }
 }
-
-#carbon-responsive {
-  margin: 0 auto 50px;
-}
-
-#carbon-cover {
-  margin: 0 auto 50px;
-}

src/components/sponsorsList.module.css

@@ -48,6 +48,12 @@
   border-radius: 50px;
 }
 
+.add {
+  border: 1px dashed #ccc;
+  border-radius: 50px;
+  font-size: 12px;
+}
+
 @media (min-width: 768px) {
   .logoGroup {
     display: grid;