Layout: standalone fixes

app/soapbox/features/ui/index.tsx

@@ -28,6 +28,7 @@ import RemoteInstancePage from 'soapbox/pages/remote_instance_page';
 import StatusPage from 'soapbox/pages/status_page';
 import { getAccessToken } from 'soapbox/utils/auth';
 import { getVapidKey } from 'soapbox/utils/auth';
+import { isStandalone } from 'soapbox/utils/state';
 
 import { fetchFollowRequests } from '../../actions/accounts';
 import { fetchReports, fetchUsers, fetchConfig } from '../../actions/admin';
@@ -346,6 +347,7 @@ const UI: React.FC = ({ children }) => {
   const dropdownMenuIsOpen = useAppSelector(state => state.dropdown_menu.get('openId') !== null);
   const accessToken = useAppSelector(state => getAccessToken(state));
   const streamingUrl = useAppSelector(state => state.instance.urls.get('streaming_api'));
+  const standalone = useAppSelector(isStandalone);
 
   const handleDragEnter = (e: DragEvent) => {
     e.preventDefault();
@@ -651,7 +653,7 @@ const UI: React.FC = ({ children }) => {
 
           <Layout>
             <Layout.Sidebar>
-              <SidebarNavigation />
+              {!standalone && <SidebarNavigation />}
             </Layout.Sidebar>
 
             <SwitchingColumnsArea>

app/soapbox/pages/default_page.tsx

@@ -8,11 +8,13 @@ import {
   SignUpPanel,
 } from 'soapbox/features/ui/util/async-components';
 import { useAppSelector, useFeatures } from 'soapbox/hooks';
+import { isStandalone } from 'soapbox/utils/state';
 
 import { Layout } from '../components/ui';
 
 const DefaultPage: React.FC = ({ children }) => {
   const me = useAppSelector(state => state.me);
+  const standalone = useAppSelector(isStandalone);
   const features = useFeatures();
 
   return (
@@ -22,7 +24,7 @@ const DefaultPage: React.FC = ({ children }) => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
+        {!me && !standalone && (
           <BundleContainer fetchComponent={SignUpPanel}>
             {Component => <Component key='sign-up-panel' />}
           </BundleContainer>