test(e2e,playwright): action-row (#51844)

Co-authored-by: Ahmad <57593864+Ahmadkashif@users.noreply.github.com>

client/src/templates/Challenges/classic/action-row.tsx

@@ -50,17 +50,18 @@ const ActionRow = ({
   }
 
   return (
-    <div className='action-row'>
-      <div className='tabs-row'>
+    <div className='action-row' data-playwright-test-label='action-row'>
+      <div className='tabs-row' data-playwright-test-label='tabs-row'>
         {!isProjectBasedChallenge && (
           <button
+            data-playwright-test-label='instructions-button'
             aria-expanded={!!showInstructions}
             onClick={() => togglePane('showInstructions')}
           >
             {t('learn.editor-tabs.instructions')}
           </button>
         )}
-        <EditorTabs />
+        <EditorTabs data-playwright-test-label='editor-tabs' />
         <div className='panel-display-tabs'>
           <button
             aria-expanded={!!showConsole}
@@ -77,6 +78,7 @@ const ActionRow = ({
             </button>
           )}
           <button
+            data-playwright-test-label='preview-button'
             aria-expanded={!!showPreviewPane}
             onClick={() => togglePane('showPreviewPane')}
           >