Add the 'Download the app' button back on web (#7528)

* Add the 'Download the app' button back on web
Fixes #7527

* Update snapshots

* Update snapshots

---------

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

src/components/DownloadAppToast.tsx

@@ -6,6 +6,8 @@ export type DownloadAppToastProps = {
   onDismiss: () => void
 }
 
+export const desktopAppPitchMessage = `The present web app is limited in features. We don't want you to miss out!`
+
 export function DownloadAppToast({
   onAccept,
   onDismiss,
@@ -20,8 +22,7 @@ export function DownloadAppToast({
         <section>
           <h2>Zoo Design Studio is primarily a desktop app</h2>
           <p className="text-sm text-chalkboard-70 dark:text-chalkboard-30">
-            The present web app is limited in features. We don't want you to
+            {desktopAppPitchMessage}
-            miss out!
           </p>
           {!navigator?.userAgent.includes('Chrome') && (
             <p className="mt-2 text-sm font-semibold text-chalkboard-70 dark:text-chalkboard-30">

src/components/StatusBar/defaultStatusBarItems.tsx

@@ -11,6 +11,10 @@ import { BillingDialog } from '@src/components/BillingDialog'
 import { Popover } from '@headlessui/react'
 import Tooltip from '@src/components/Tooltip'
 import { HelpMenu } from '@src/components/HelpMenu'
+import { isDesktop } from '@src/lib/isDesktop'
+import { VITE_KC_SITE_BASE_URL } from '@src/env'
+import { APP_DOWNLOAD_PATH } from '@src/lib/constants'
+import { desktopAppPitchMessage } from '@src/components/DownloadAppToast'
 
 export const defaultGlobalStatusBarItems = ({
   location,
@@ -19,15 +23,26 @@ export const defaultGlobalStatusBarItems = ({
   location: Location
   filePath?: string
 }): StatusBarItemType[] => [
-  {
+  isDesktop()
-    id: 'version',
+    ? {
-    element: 'externalLink',
+        id: 'version',
-    label: `v${APP_VERSION}`,
+        element: 'externalLink',
-    href: `https://github.com/KittyCAD/modeling-app/releases/tag/v${APP_VERSION}`,
+        label: `v${APP_VERSION}`,
-    toolTip: {
+        href: `https://github.com/KittyCAD/modeling-app/releases/tag/v${APP_VERSION}`,
-      children: 'View the release notes on GitHub',
+        toolTip: {
-    },
+          children: 'View the release notes on GitHub',
-  },
+        },
+      }
+    : {
+        id: 'download-desktop-app',
+        element: 'externalLink',
+        label: 'Download the app',
+        href: `${VITE_KC_SITE_BASE_URL}/${APP_DOWNLOAD_PATH}`,
+        icon: 'download',
+        toolTip: {
+          children: desktopAppPitchMessage,
+        },
+      },
   {
     id: 'telemetry',
     element: 'link',