feat: Add lazy loading for images and update image components

The code changes include:
- Importing the `Image` component from `next/legacy/image` instead of `next/image` in multiple files.
- Adding a new `CachedImage` component that uses the `Image` component with a custom loader.
- Updating the `Logo` component to use the `CachedImage` component instead of the `img` tag.

Recent user commits and repository commits do not provide additional context for the commit message.

src/components/theme-page.tsx

@@ -1,5 +1,5 @@
 
-import Image from "next/image";
+
 import { getThemeAuthorLink, getThemeFromId, getThemeMarkdown, ZenTheme } from "@/lib/themes";
 import { Button } from "./ui/button";
 import { useEffect, useState } from "react";