refactor: replace Image component with img tag for app logo

The commit replaces the Next.js `Image` component with the standard HTML `img` tag in the app logo rendering. This change simplifies the implementation and removes unnecessary dependencies. Additionally, the `env` import was removed from the seed file, the docker-compose image tag was updated to a specific version, and remote image patterns were added to the Next.js config.

apps/server/prisma/seed.ts

@@ -1,5 +1,4 @@
 import { prisma } from "../src/shared/prisma";
-import {env} from "../src/env"
 import bcrypt from "bcryptjs";
 import crypto from "node:crypto";
 

apps/web/next.config.ts

@@ -9,6 +9,18 @@ const nextConfig: NextConfig = {
   typescript: {
     ignoreBuildErrors: true,
   },
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+      {
+        protocol: 'http',
+        hostname: '**',
+      },
+    ],
+  }
 };
 
 const withNextIntl = createNextIntlPlugin();

apps/web/src/app/(home)/components/navbar.tsx

@@ -1,7 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useState } from "react"; // Add this import
-import Image from "next/image"; // Add this import
 import Link from "next/link";
 import { IconHeart, IconMenu2 } from "@tabler/icons-react";
 
@@ -27,9 +26,7 @@ export function Navbar() {
         <div className="flex flex-1 items-center justify-between">
           <div className="flex items-center gap-3">
             <Link href="/" className="flex items-center gap-2">
-              {appLogo && (
+              {appLogo && <img alt="App Logo" className="h-8 w-8 object-contain rounded" src={appLogo} />}
-                <Image alt="App Logo" src={appLogo} width={32} height={32} className="object-contain rounded" />
-              )}
               <p className="font-bold text-2xl">{appName}</p>
             </Link>
             <nav className="hidden lg:flex ml-2 gap-4">

apps/web/src/app/(shares)/s/[alias]/components/share-header.tsx

@@ -12,7 +12,7 @@ export function ShareHeader() {
     <header className="w-full px-6 border-b border-default-200/50 bg-background/70 backdrop-blur-sm">
       <div className="mx-auto max-w-5xl sm:p-0 h-16 flex items-center justify-between">
         <Link className="flex items-center gap-2" href="/">
-          {appLogo && <Image alt="App Logo" src={appLogo} width={32} height={32} className="object-contain rounded" />}
+          {appLogo && <img alt="App Logo" className="h-8 w-8 object-contain rounded" src={appLogo} />}
           <p className="font-bold text-2xl text-foreground">{appName}</p>
         </Link>
         <div className="flex items-center gap-2">

docker-compose.yaml

@@ -30,7 +30,7 @@ services:
       start_period: 30s
 
   palmr-app:
-    image: kyantech/palmr-app:latest # Make sure to use the correct version (latest) of the image
+    image: kyantech/palmr-app:v2.0.0-beta # Make sure to use the correct version (latest) of the image
     container_name: palmr-web
     depends_on:
       palmr-api: