docs: fix design issues (#5252)

* docs: fix design issues

* fix commands in installation tabs

www/apps/api-reference/css/globals.css

@@ -50,18 +50,4 @@
   body[data-modal="opened"] {
     @apply !overflow-hidden;
   }
-}
-
-@layer utilities {
-  .clip {
-    clip-path: inset(0);
-  }
-
-  .no-marker {
-    @apply marker:content-none;
-  }
-
-  .no-marker::-webkit-details-marker {
-    @apply hidden;
-  }
 }

www/apps/ui/src/components/package-install.tsx

@@ -23,8 +23,8 @@ const PackageInstall = ({
   return (
     <CodeTabs
       tabs={[
-        { code: { lang: "bash", source: yarn }, label: "npm", value: "npm" },
-        { code: { lang: "bash", source: npm }, label: "yarn", value: "yarn" },
+        { code: { lang: "bash", source: npm }, label: "npm", value: "npm" },
+        { code: { lang: "bash", source: yarn }, label: "yarn", value: "yarn" },
         { code: { lang: "bash", source: pnpm }, label: "pnpm", value: "pnpm" },
       ]}
       className={clx("my-4", className)}