refactor: update QuestionAnswersProvider props with slug, questions, and locale in preview pages

src/app/[lang]/preview-upload/page.tsx

@@ -37,7 +37,7 @@ export default function PreviewUploadPage() {
 
   return (
     <I18nProvider locale="en">
-      <QuestionAnswersProvider initialAnswers={initialAnswers}>
+      <QuestionAnswersProvider slug="preview" questions={[mockQuestion]} locale="en">
         <div className="mx-auto flex min-h-screen max-w-[430px] flex-col bg-[#FFF7F7] px-4 py-3 font-sans antialiased text-[#111111]">
           {/* Top Bar */}
           <div className="relative flex items-center rounded-2xl bg-gradient-to-r from-[#F0445B] to-[#F87171] px-4 py-3 text-white shadow-sm">

src/app/preview-upload/page.tsx

@@ -40,7 +40,7 @@ const mockDocs = [
 export default function RootPreviewUploadPage() {
   return (
     <I18nProvider locale="en">
-      <QuestionAnswersProvider>
+      <QuestionAnswersProvider slug="preview" questions={[mockQuestion]} locale="en">
         <div className="mx-auto flex min-h-screen max-w-[430px] flex-col bg-[#FFF7F7] px-4 py-4 font-sans antialiased text-[#111111]">
           {/* Top Bar */}
           <div className="relative flex items-center rounded-2xl bg-gradient-to-r from-[#F0445B] to-[#F87171] px-4 py-3.5 text-white shadow-sm">