fix: update hero-ascii.tsx to use global style tag and import sql from drizzle-orm in api.health.tsx

Author: sumansaurabh

app/components/ui/hero-ascii.tsx

@@ -211,7 +211,7 @@ export default function Home() {
         </div>
       </div>
 
-      <style jsx>{`
+      <style>{`
         .dither-pattern {
           background-image: 
             repeating-linear-gradient(0deg, transparent 0px, transparent 1px, white 1px, white 2px),

app/routes/api.health.tsx

@@ -1,6 +1,7 @@
 import type { LoaderFunctionArgs } from "@remix-run/node";
 import { db } from "~/lib/db.server";
 import { env } from "~/lib/env.server";
+import { sql } from "drizzle-orm";
 
 /**
  * Health Check API
@@ -32,7 +33,6 @@ export async function loader() {
 
   try {
     // Run a simple query to verify database is actually working
-    const { sql } = await import("drizzle-orm");
     await db.execute(sql`SELECT 1 as connected`);
 
     const responseTime = Date.now() - startTime;