fix: Warn if JavaScript is disabled (#3634)

app/javascript/styles/components.scss

@@ -3629,3 +3629,12 @@ button.icon-button.active i.fa-retweet {
     border-color: transparent transparent $ui-base-color;
   }
 }
+
+noscript {
+  text-align: center;
+
+  div {
+    font-size: 20px;
+    margin: 20px 0;
+  }
+}

app/views/home/index.html.haml

@@ -4,3 +4,7 @@
   = javascript_pack_tag 'application', integrity: true, crossorigin: 'anonymous'
 
 .app-holder#mastodon{ data: { props: Oj.dump(default_props) } }
+  %noscript
+    = image_tag asset_pack_path('logo.png')
+    %div
+      = t('errors.noscript')

config/locales/en.yml

@@ -231,6 +231,7 @@ en:
       content: Security verification failed. Are you blocking cookies?
       title: Security verification failed
     '429': Throttled
+    noscript: To use Mastodon, please enable JavaScript.
   exports:
     blocks: You block
     csv: CSV