resolve changes

package.json

@@ -5,8 +5,6 @@
         "dependencies": {
                 "@augloop/types-core": "file:packages/types-core-2.16.189.tgz",
                 "@axe-core/webdriverjs": "4.10.0",
-                "@fluentui/react-components": "9.55.1",
-                "@fluentui/react-icons": "2.0.264",
                 "@azure/msal-browser": "3.26.1",
                 "@babel/core": "7.26.0",
                 "@babel/runtime": "7.26.0",

src/app/views/query-runner/request/RequestV9.tsx

@@ -15,7 +15,7 @@ import { makeStyles, Tab, TabList, TabValue } from '@fluentui/react-components';
 
 
   interface IRequestProps {
-    handleOnEditorChange: ()=> void
+    handleOnEditorChange: () => void
     sampleQuery: IQuery
   }
 

src/app/views/query-runner/request/auth/AuthV9.tsx

@@ -54,7 +54,9 @@ const useStyles = makeStyles({
 });
 
 export function Auth() {
-  const { auth: { authToken }, profile, dimensions: {request:{height}}} = useAppSelector((state) => state);
+  const profile = useAppSelector((state) => state.profile);
+  const height: string = useAppSelector((state) => state.dimensions.request.height);
+  const authToken = useAppSelector((state) => state.auth.authToken);
   const { user } = profile;
   const requestHeight = convertVhToPx(height, 60);
   const [accessToken, setAccessToken] = useState<string | null>(null);

src/app/views/query-runner/request/headers/RequestHeadersV9.tsx

@@ -39,7 +39,8 @@ const useStyles = makeStyles({
 });
 
 const RequestHeaders = () => {
-  const { sampleQuery, dimensions: { request: { height } } } = useAppSelector((state) => state);
+  const sampleQuery = useAppSelector((state) => state.sampleQuery);
+  const height = useAppSelector((state) => state.dimensions.request.height);
   const [header, setHeader] = useState<IHeader>({ name: '', value: '' });
   const [isUpdatingHeader, setIsUpdatingHeader] = useState(false);
   const [isHoverOverHeadersList, setIsHoverOverHeadersList] = useState(false);