adding PWA stuff

containers/Article/index.tsx

@@ -7,6 +7,7 @@ import { Avatar, AvatarImage, AvatarFallback } from "@radix-ui/react-avatar";
 import { useRouter } from "next/navigation";
 import { formatDate } from "@/lib/utils/dates";
 import Actions from "./Actions";
+import Logo from "@/assets/Logo";
 
 export default function ArticlePage() {
   const Viewer = useMemo(
@@ -104,6 +105,9 @@ export default function ArticlePage() {
           <Viewer content={markdown} />
         </article>
       </div>
+      <div className="center fixed inset-0 bg-red-400">
+        <Logo className="fill-gradie h-[200px] w-[200px] bg-gradient-to-r from-purple-400 to-pink-600 bg-clip-text text-transparent" />
+      </div>
     </div>
   );
 }

public/manifest.webmanifest

@@ -0,0 +1,31 @@
+{
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone",
+    "scope": "/",
+    "start_url": "/app",
+    "name": "Flockstr",
+    "short_name": "Flockstr",
+    "icons": [
+        {
+            "src": "/icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+}