refactor: import phone frame SVG directly instead of using public path

src/components/PhoneFrame.tsx

@@ -1,6 +1,8 @@
 import Image from 'next/image'
 import clsx from 'clsx'
 
+import phoneFrame from '@/images/phone-frame.svg'
+
 export function PhoneFrame({
   className,
   children,
@@ -10,7 +12,7 @@ export function PhoneFrame({
   return (
     <div className={clsx('relative aspect-[366/729]', className)} {...props}>
       <Image
-        src="/images/phone-frame.svg"
+        src={phoneFrame}
         alt=""
         className="pointer-events-none absolute inset-0"
         fill