[editor][ez] Only Render SidePanel Tab Content When Active Tab

# [editor][ez] Only Render SidePanel Tab Content When Active Tab

I noticed each of the tab components was being rendered even when they're not shown. We can improve render perf by only rendering them when their tab is selected.

## Testing:
- Just ensure tabs still work
- Use console.log to ensure the components are only rendered when shown

python/src/aiconfig/editor/client/src/components/prompt/PromptActionBar.tsx

@@ -65,6 +65,7 @@ export default memo(function PromptActionBar({
   onUpdatePromptMetadata,
 }: Props) {
   const [isExpanded, setIsExpanded] = useState(false);
+  const [selectedTab, setSelectedTab] = useState<string | null>("settings");
   // TODO: Handle drag-to-resize
   const modelSettingsSchema = promptSchema?.model_settings;
   const promptMetadataSchema = promptSchema?.prompt_metadata;
@@ -85,49 +86,57 @@ export default memo(function PromptActionBar({
           <ActionIcon size="sm" onClick={() => setIsExpanded(false)} mt="0.5em">
             <IconClearAll />
           </ActionIcon>
-          <Tabs defaultValue="settings" mb="1em">
+          <Tabs
+            defaultValue="settings"
+            value={selectedTab}
+            mb="1em"
+            onTabChange={setSelectedTab}
+          >
             <Tabs.List>
               <Tabs.Tab value="settings">Settings</Tabs.Tab>
               {checkParametersSupported(prompt) && (
                 <Tabs.Tab value="parameters">Local Parameters</Tabs.Tab>
               )}
             </Tabs.List>
 
-            <Tabs.Panel value="settings" className="actionTabsPanel">
-              <ScrollArea
-                h={maxContentHeightPx}
-                type="auto"
-                style={{ overflowY: "auto" }}
-              >
-                <ModelSettingsRenderer
-                  settings={getModelSettings(prompt)}
-                  schema={modelSettingsSchema}
-                  onUpdateModelSettings={onUpdateModelSettings}
-                />
-                {/* For now, just render metadata if a schema is explicitly provided */}
-                {promptMetadataSchema && (
-                  <PromptMetadataRenderer
-                    metadata={getMetadata(prompt)}
-                    onUpdatePromptMetadata={onUpdatePromptMetadata}
-                    schema={promptMetadataSchema}
+            {selectedTab === "settings" && (
+              <Tabs.Panel value="settings" className="actionTabsPanel">
+                <ScrollArea
+                  h={maxContentHeightPx}
+                  type="auto"
+                  style={{ overflowY: "auto" }}
+                >
+                  <ModelSettingsRenderer
+                    settings={getModelSettings(prompt)}
+                    schema={modelSettingsSchema}
+                    onUpdateModelSettings={onUpdateModelSettings}
                   />
-                )}
-              </ScrollArea>
-            </Tabs.Panel>
-
-            {checkParametersSupported(prompt) && (
-              <Tabs.Panel value="parameters" className="actionTabsPanel">
-                <ParametersRenderer
-                  initialValue={getPromptParameters(prompt)}
-                  onUpdateParameters={onUpdateParameters}
-                  maxHeight={
-                    maxContentHeightPx
-                      ? maxContentHeightPx - ADD_PARAMETER_BOTTOM_HEIGHT
-                      : undefined
-                  }
-                />
+                  {/* For now, just render metadata if a schema is explicitly provided */}
+                  {promptMetadataSchema && (
+                    <PromptMetadataRenderer
+                      metadata={getMetadata(prompt)}
+                      onUpdatePromptMetadata={onUpdatePromptMetadata}
+                      schema={promptMetadataSchema}
+                    />
+                  )}
+                </ScrollArea>
               </Tabs.Panel>
             )}
+
+            {selectedTab === "parameters" &&
+              checkParametersSupported(prompt) && (
+                <Tabs.Panel value="parameters" className="actionTabsPanel">
+                  <ParametersRenderer
+                    initialValue={getPromptParameters(prompt)}
+                    onUpdateParameters={onUpdateParameters}
+                    maxHeight={
+                      maxContentHeightPx
+                        ? maxContentHeightPx - ADD_PARAMETER_BOTTOM_HEIGHT
+                        : undefined
+                    }
+                  />
+                </Tabs.Panel>
+              )}
           </Tabs>
         </Container>
       ) : (