Franknoirot/help menu (#2173)

* Add exclamationMark icon

* Add basic LowerRightControls component

* Create a help menu

* Remove NetworkHealthIndicator from AppHeader

* Refactor Tooltip to be able to be corner-anchored

* Add a better flag back to the Tooltip

* Give tooltip a faint theme outline on light mode too

* Fix broken reset onboarding behavior on home page

* Fix bug with isInProject

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

---------

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

src/components/LowerRightControls.tsx

@@ -0,0 +1,57 @@
+import { APP_VERSION } from 'routes/Settings'
+import { CustomIcon } from 'components/CustomIcon'
+import Tooltip from 'components/Tooltip'
+import { paths } from 'lib/paths'
+import { NetworkHealthIndicator } from 'components/NetworkHealthIndicator'
+import { HelpMenu } from './HelpMenu'
+import { Link, useLocation } from 'react-router-dom'
+import { useAbsoluteFilePath } from 'hooks/useAbsoluteFilePath'
+
+export function LowerRightControls(props: React.PropsWithChildren) {
+  const location = useLocation()
+  const filePath = useAbsoluteFilePath()
+  const linkOverrideClassName =
+    '!text-chalkboard-70 hover:!text-chalkboard-80 dark:!text-chalkboard-40 dark:hover:!text-chalkboard-30'
+
+  return (
+    <section className="fixed bottom-2 right-2">
+      {props.children}
+      <menu className="flex items-center justify-end gap-3">
+        <a
+          href={`https://github.com/KittyCAD/modeling-app/releases/tag/v${APP_VERSION}`}
+          target="_blank"
+          rel="noopener noreferrer"
+          className={'!no-underline font-mono text-xs ' + linkOverrideClassName}
+        >
+          v{APP_VERSION}
+        </a>
+        <a
+          href="https://github.com/KittyCAD/modeling-app/issues/new/choose"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <CustomIcon
+            name="exclamationMark"
+            className={`w-5 h-5 ${linkOverrideClassName}`}
+          />
+          <Tooltip position="top">Report a bug</Tooltip>
+        </a>
+        <Link
+          to={
+            location.pathname.includes(paths.FILE)
+              ? filePath + paths.SETTINGS
+              : paths.HOME + paths.SETTINGS
+          }
+        >
+          <CustomIcon
+            name="settings"
+            className={`w-5 h-5 ${linkOverrideClassName}`}
+          />
+          <Tooltip position="top">Settings</Tooltip>
+        </Link>
+        <NetworkHealthIndicator />
+        <HelpMenu />
+      </menu>
+    </section>
+  )
+}