Update onboarding based on team feedback (#1665)

* Make onboarding links underlined and a different color

* Override underlined links that shouldn't be

* Update "KittyCAD" to "Zoo" camera controls, copy edits

* Copy edits through CodeEditor step, add counter to onboarding

* Notes through ParametricModeling step

* Notes through UserMenu step

* Add three-dots icon, separate Zoo logo link from project button

* Feedback through end of onboarding

* A snapshot a day keeps the bugs away! 📷🐛 (OS: ubuntu)

* Fix ESLint warnings

* Revert cameraControls to 'KittyCAD', ensure we get type errors if that isn't correct in the future

* fmt

* Missed a reverted "Zoo" cameraControls item

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

src/routes/Onboarding/CodeEditor.tsx

@@ -13,7 +13,7 @@ export default function CodeEditor() {
   return (
     <div className="fixed grid justify-end items-center inset-0 z-50 pointer-events-none">
       <div
-        className="fixed inset-0 bg-black opacity-50 pointer-events-none"
+        className="fixed inset-0 bg-black opacity-50 dark:opacity-80 pointer-events-none"
         style={{ clipPath: useBackdropHighlight('code-pane') }}
       ></div>
       <div
@@ -23,24 +23,45 @@ export default function CodeEditor() {
         }
       >
         <section className="flex-1">
-          <h2 className="text-2xl font-bold">
-            Editing code with <code>kcl</code>
+          <h2 className="text-3xl font-bold">
+            Editing code with{' '}
+            <span className="text-energy-60 dark:text-energy-20">kcl</span>
           </h2>
           <p className="my-4">
-            The left pane is where you write your code. It's a code editor with
-            syntax highlighting and autocompletion. We've decided to take the
-            difficult route of writing our own language—called <code>kcl</code>
-            —for describing geometry, because we don't want to inherit all the
-            other functionality from existing languages. We have a lot of ideas
-            about how <code>kcl</code> will evolve, and we want to hear your
-            thoughts on it.
+            kcl is our language for describing geometry. Building our own
+            language is difficult, but we chose to do it to have a language
+            honed for spatial relationships and geometric computation. It'll
+            always be open-source, and we hope it can grow into a new standard
+            for describing parametric objects.
           </p>
           <p className="my-4">
-            We've built a language server for <code>kcl</code> that provides
-            documentation and autocompletion automatically generated from our
-            compiler code. You can try it out by hovering over some of the
-            function names in the pane now. If you like using VSCode, you can
-            try out our{' '}
+            The left pane is where you write your code. It's a code editor with
+            syntax highlighting and autocompletion for kcl. New features arrive
+            in kcl before they're available as point-and-click tools, so it's
+            good to have a link to{' '}
+            <a
+              href="https://github.com/KittyCAD/modeling-app/blob/main/docs/kcl/std.md"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              our kcl docs
+            </a>{' '}
+            handy while you design for now. It's also available in the menu in
+            the corner of the code pane.
+          </p>
+          <p className="my-4">
+            We've built a{' '}
+            <a
+              href="https://github.com/KittyCAD/kcl-lsp"
+              rel="noreferrer noopener"
+              target="_blank"
+            >
+              language server
+            </a>{' '}
+            for kcl that provides documentation and autocompletion automatically
+            generated from our compiler code. You can try it out by hovering
+            over some of the function names in the pane now. If you like using
+            VSCode, you can try out our{' '}
             <a
               href="https://marketplace.visualstudio.com/items?itemName=KittyCAD.kcl-language-server"
               rel="noreferrer noopener"
@@ -57,6 +78,7 @@ export default function CodeEditor() {
           </p>
         </section>
         <OnboardingButtons
+          currentSlug={onboardingPaths.EDITOR}
           dismiss={dismiss}
           next={next}
           nextText="Next: Parametric Modeling"