fix: review comments

Author: Elessar1802

package.json

@@ -28,7 +28,6 @@
         "react-csv": "^2.2.2",
         "react-dates": "^21.8.0",
         "react-dom": "^17.0.2",
-        "react-draggable": "^4.4.5",
         "react-ga4": "^1.4.1",
         "react-gtm-module": "^2.0.11",
         "react-mde": "^11.5.0",

src/components/app/details/main.tsx

@@ -94,10 +94,6 @@ export default function AppDetailsPage() {
     const [apiError, setApiError] = useState(null)
     const [initLoading, setInitLoading] = useState<boolean>(false)
 
-    const { aiAgentContext } = useMainContext()
-
-    const parentRef = useRef<HTMLDivElement>(null)
-
     const { fetchRecentlyVisitedParsedApps } = useUserPreferences({})
 
     const getAppMetaInfoRes = async (shouldResetAppName: boolean = false): Promise<AppMetaInfo> => {
@@ -362,7 +358,7 @@ export default function AppDetailsPage() {
     const _filteredEnvIds = selectedAppList.length > 0 ? selectedAppList.map((app) => +app.value).join(',') : null
 
     return (
-        <div ref={parentRef} className="app-details-page flexbox-col w-100 h-100 dc__overflow-auto">
+        <div className="app-details-page flexbox-col w-100 h-100 dc__overflow-auto">
             <AppHeader
                 appName={appName}
                 appMetaInfo={appMetaInfo}

src/components/common/SidePanel/SidePanelContent.tsx

@@ -93,6 +93,7 @@ export const SidePanelContent = ({ onClose, setSidePanelConfig, sidePanelConfig
 
                         return (
                             <div
+                                key={id}
                                 role="button"
                                 data-testid={`side-panel-tab-${id}`}
                                 className={`flex dc__gap-6 dc__border-right px-16 dc__transition--background ${isSelected ? 'bg__primary' : ''}`}

src/components/common/SidePanel/types.ts

@@ -10,11 +10,9 @@ export interface SidePanelContentBaseProps {
     SidePanelHeaderActions: FunctionComponent
 }
 
-export interface SidePanelContentProps {
+export interface SidePanelContentProps extends Pick<MainContext, 'sidePanelConfig' | 'setSidePanelConfig'> {
     tab?: SidePanelTab
     onClose: () => void
-    setSidePanelConfig: MainContext['setSidePanelConfig']
-    sidePanelConfig: MainContext['sidePanelConfig']
 }
 
 export interface TabConfig {

src/components/common/navigation/NavigationRoutes.tsx

@@ -150,8 +150,6 @@ export default function NavigationRoutes({ reloadVersionConfig }: Readonly<Navig
     const [environmentId, setEnvironmentId] = useState(null)
     const contextValue = useMemo(() => ({ environmentId, setEnvironmentId }), [environmentId])
 
-    const parentRef = useRef<HTMLDivElement>(null)
-
     const { showThemeSwitcherDialog, handleThemeSwitcherDialogVisibilityChange, appTheme } = useTheme()
 
     const [environmentDataState, setEnvironmentDataState] = useState<EnvironmentDataStateType>(INITIAL_ENV_DATA_STATE)
@@ -518,7 +516,7 @@ export default function NavigationRoutes({ reloadVersionConfig }: Readonly<Navig
                 isFELibAvailable: !!isFELibAvailable,
             }}
         >
-            <motion.main ref={parentRef} id={DEVTRON_BASE_MAIN_ID} style={{ gridTemplateColumns }}>
+            <motion.main id={DEVTRON_BASE_MAIN_ID} style={{ gridTemplateColumns }}>
                 {showThemeSwitcherDialog && (
                     <SwitchThemeDialog
                         initialThemePreference={userPreferences?.themePreference}