fixed some errors

components/ErrorPage/index.tsx

@@ -46,11 +46,10 @@ export default function ErrorPage() {
 
   return (
     <div className="min-h-screen bg-white flex flex-col items-center justify-start  overflow-hidden font-['Encode_Sans_Semi_Condensed',_sans-serif]">
-      {/* CSS Animasyonlarını buraya gömüyoruz */}
       <style dangerouslySetInnerHTML={{ __html: fontImport }} />
 
       <h1
-        className={`text-[10rem] leading-[10rem] font-extralight text-black transition-all duration-500 ease-linear
+        className={`text-[10rem] leading-40 font-extralight text-black transition-all duration-500 ease-linear
           ${isLoading ? "mt-0 opacity-0" : "mt-[100px] opacity-100"}`}
       >
         500
@@ -110,7 +109,6 @@ export default function ErrorPage() {
   );
 }
 
-// Dişli çubukları için yardımcı bileşen
 function GearBars() {
   return (
     <>

components/ui/sonner.tsx

@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import {
   CircleCheckIcon,
@@ -6,12 +6,12 @@ import {
   Loader2Icon,
   OctagonXIcon,
   TriangleAlertIcon,
-} from "lucide-react"
-import { useTheme } from "next-themes"
-import { Toaster as Sonner, type ToasterProps } from "sonner"
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {
-  const { theme = "system" } = useTheme()
+  const { theme = "system" } = useTheme();
 
   return (
     <Sonner
@@ -24,17 +24,24 @@ const Toaster = ({ ...props }: ToasterProps) => {
         error: <OctagonXIcon className="size-4" />,
         loading: <Loader2Icon className="size-4 animate-spin" />,
       }}
+      toastOptions={{
+        classNames: {
+          description: "text-foreground opacity-90",
+          title: "font-bold",
+        },
+      }}
       style={
         {
           "--normal-bg": "var(--popover)",
           "--normal-text": "var(--popover-foreground)",
           "--normal-border": "var(--border)",
           "--border-radius": "var(--radius)",
+          "--description-color": "var(--popover-foreground)",
         } as React.CSSProperties
       }
       {...props}
     />
-  )
-}
+  );
+};
 
-export { Toaster }
+export { Toaster };