add new props for auto focus on editor component

Author: javiert-okta

src/features/debugger/components/debugger-toolbar/debugger-toolbar.component.tsx

@@ -23,10 +23,6 @@ export const DebuggerToolbarComponent: React.FC<
   const setActiveWidget$ = useDebuggerStore((state) => state.setActiveWidget$);
   const isDecoder = activeWidget$ === DebuggerWidgetValues.DECODER;
 
-  useEffect(() => {
-    tabRefs.current[isDecoder ? 0 : 1]?.focus();
-  }, [isDecoder]);
-
   const handleKeyDown = (e: React.KeyboardEvent<HTMLLIElement>) => {
     const { key } = e;
 

src/features/decoder/components/jwt-editor.component.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect } from "react";
 import { EditorComponent } from "@/features/common/components/code-editor/editor.component";
 
 interface JwtEditorComponentProps {
@@ -14,6 +14,8 @@ export const JwtEditorComponent: React.FC<JwtEditorComponentProps> = ({
     <EditorComponent
       aria-label="JWT editor input"
       value={token}
+      autoFocus
+      focusOnWindowFocus
       onValueChange={(code) => handleJwtChange(code)}
       highlight={(code) => {
         if (!code) {