Feat: web app dark mode (#14732)

web/app/(shareLayout)/layout.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import type { FC } from 'react'
 import type { Metadata } from 'next'
+import { SharePageContextProvider } from '@/context/share-page-context'
 
 export const metadata: Metadata = {
   icons: 'data:,', // prevent browser from using default favicon
@@ -11,7 +12,9 @@ const Layout: FC<{
 }> = ({ children }) => {
   return (
     <div className="min-w-[300px] h-full pb-[env(safe-area-inset-bottom)]">
-      {children}
+      <SharePageContextProvider>
+        {children}
+      </SharePageContextProvider>
     </div>
   )
 }