Feature: Implement Mobile Responsiveness (#2092)

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* format

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* fix conflict

* fix conflict

* chore: run rubocop

* fix test

* update PWA logo

* fix tests

* chore: lint

* fix test

* Refactor: Remove duplicate data attribute in activity partial and add chat form rendering in chats index

---------

Co-authored-by: Josh Pigford <josh@joshpigford.com>

app/views/pages/changelog.html.erb

@@ -1,9 +1,9 @@
 <%= content_for :page_title, t(".title") %>
 
 <div class="bg-container shadow-border-xs rounded-xl p-4 grow overflow-y-auto">
-  <div class="flex justify-between gap-4 mb-12 last:mb-0">
-    <div class="w-1/3">
-      <div class="px-3 flex items-center gap-3">
+  <div class="flex flex-col md:flex-row justify-between gap-4 mb-12 last:mb-0">
+    <div class="w-full md:w-1/3">
+      <div class="md:px-3 flex items-center gap-3">
         <div class="text-white shrink-0 w-9 h-9">
           <%= image_tag @release_notes[:avatar], class: "rounded-full w-full h-full object-cover" %>
         </div>
@@ -13,7 +13,7 @@
         </div>
       </div>
     </div>
-    <div class="w-2/3 text-secondary text-sm prose prose--github-release-notes">
+    <div class="w-full md:w-2/3 text-secondary text-sm prose prose--github-release-notes">
       <h2 class="mb-5 text-xl text-primary"><%= @release_notes[:name] %></h2>
       <%= @release_notes[:body].html_safe %>
     </div>