fix(whale): Change emotion injection point to HEAD for whale browser

Author: zenyr

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "ChatGPT Augment",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Enhance chat with ChatGPT-Augment: auto-continue, macros, token count, prompts, gradients, JSON format.",
   "content_scripts": [
     {

src/App.tsx

@@ -21,10 +21,8 @@ import { useCgptColorScheme } from "./lib/hooks/useColorScheme";
 import { useRootAnchor } from "./lib/hooks/useTarget";
 import { useElsUpdater } from "./lib/hooks/workers/useElements";
 
-const cache = createEmotionCache({
-  key: "cgpt-agmt",
-  insertionPoint: document.body,
-});
+const container = document.getElementsByTagName("head")[0];
+let cache = createEmotionCache({ key: "cgpt-agmt", container });
 
 export const App = () => {
   const [colorScheme, setTheme] = useCgptColorScheme();
@@ -58,7 +56,7 @@ export const App = () => {
           setTheme(theme || ("system" as unknown as "light"))
         }
       >
-        <MantineProvider emotionCache={cache} theme={{ colorScheme }}>
+        <MantineProvider emotionCache={cache!} theme={{ colorScheme }}>
           <Group style={wrapperStyle} align="center" position="center">
             <Transition
               mounted={!!width && mounted}