chore: add deprecation notice on dot org site

packages/web/src/javascripts/Components/ApplicationView/ApplicationView.tsx

@@ -26,6 +26,7 @@ import DarkModeHandler from '../DarkModeHandler/DarkModeHandler'
 import ApplicationProvider from '../ApplicationProvider'
 import CommandProvider from '../CommandProvider'
 import PanesSystemComponent from '../Panes/PanesSystemComponent'
+import DotOrgNotice from './DotOrgNotice'
 
 type Props = {
   application: WebApplication
@@ -230,6 +231,7 @@ const ApplicationView: FunctionComponent<Props> = ({ application, mainApplicatio
                     viewControllerManager={viewControllerManager}
                   />
                 </>
+                {application.routeService.isDotOrg && <DotOrgNotice />}
               </div>
             </PremiumModalProvider>
           </ResponsivePaneProvider>

packages/web/src/javascripts/Components/ApplicationView/DotOrgNotice.tsx

@@ -0,0 +1,16 @@
+import { FunctionComponent } from 'react'
+
+const DotOrgNotice: FunctionComponent = () => {
+  return (
+    <div className="align-center z-modal flex h-30 w-full w-full items-center bg-danger text-center text-info-contrast">
+      <div className="w-full text-center text-xl font-bold">
+        app.standardnotes.org is no longer maintained. Please switch to{' '}
+        <a className="underline" href="https://app.standardnotes.com">
+          app.standardnotes.com
+        </a>
+      </div>
+    </div>
+  )
+}
+
+export default DotOrgNotice