[ZEPPELIN-6382] Add configuration to remove unused variables, parameters, and imports for New UI

### What is this PR for?
- Enforced unused-variable checks via ESLint (<at>typescript-eslint/no-unused-vars).
- Activated strict TypeScript checks in E2E tests (noUnusedLocals, noUnusedParameters).
- Apply eslint, tsc

### What type of PR is it?
Improvement

### Todos

### What is the Jira issue?
ZEPPELIN-6382

### How should this be tested?

### Screenshots (if appropriate)

### Questions:
* Does the license files need to update? No
* Is there breaking changes for older versions? No
* Does this needs documentation? No


Closes #5123 from dididy/fix/unused-part.

Signed-off-by: ChanHo Lee <chanholee@apache.org>

Author: dididy

zeppelin-web-angular/.editorconfig

@@ -5,7 +5,7 @@ root = true
 charset=utf-8
 end_of_line=lf
 trim_trailing_whitespace=true
-insert_final_newline=false
+insert_final_newline=true
 indent_style=space
 indent_size=2
 

zeppelin-web-angular/.eslintrc.json

@@ -42,7 +42,6 @@
         "@typescript-eslint/consistent-type-assertions": "off",
         "@typescript-eslint/consistent-type-definitions": "off",
         "@typescript-eslint/no-confusing-non-null-assertion": "off",
-        "o-empty-function": "off",
         "@typescript-eslint/no-empty-function": "off",
         "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/prefer-for-of": "off",
@@ -85,6 +84,13 @@
         "@typescript-eslint/naming-convention": "off",
         "@typescript-eslint/no-non-null-assertion": "off",
         "@typescript-eslint/no-this-alias": "error",
+        "@typescript-eslint/no-unused-vars": [
+          "error",
+          {
+            "argsIgnorePattern": "^_",
+            "varsIgnorePattern": "^_"
+          }
+        ],
         "@typescript-eslint/quotes": "off",
         "eol-last": "off",
         "import/no-cycle": "error",

zeppelin-web-angular/e2e/tests/authentication/anonymous-login-redirect.spec.ts

@@ -43,9 +43,7 @@ test.describe('Anonymous User Login Redirect', () => {
       await waitForZeppelinReady(page);
     });
 
-    test('When accessing login page directly, Then should redirect to home with proper URL change', async ({
-      page
-    }) => {
+    test('When accessing login page directly, Then should redirect to home with proper URL change', async () => {
       const redirectResult = await homePageUtil.verifyAnonymousUserRedirectFromLogin();
 
       expect(redirectResult.isLoginUrlMaintained).toBe(false);

zeppelin-web-angular/e2e/tests/home/home-page-enhanced-functionality.spec.ts

@@ -27,32 +27,32 @@ test.describe('Home Page Enhanced Functionality', () => {
   });
 
   test.describe('Given documentation links are displayed', () => {
-    test('When documentation link is checked Then should have correct version in URL', async ({ page }) => {
+    test('When documentation link is checked Then should have correct version in URL', async () => {
       await homeUtil.verifyDocumentationVersionLink();
     });
 
-    test('When external links are checked Then should all open in new tab', async ({ page }) => {
+    test('When external links are checked Then should all open in new tab', async () => {
       await homeUtil.verifyAllExternalLinksTargetBlank();
     });
   });
 
   test.describe('Given welcome section display', () => {
-    test('When page loads Then should show welcome content with proper text', async ({ page }) => {
+    test('When page loads Then should show welcome content with proper text', async () => {
       await homeUtil.verifyWelcomeSection();
     });
 
-    test('When welcome section is displayed Then should contain interactive elements', async ({ page }) => {
+    test('When welcome section is displayed Then should contain interactive elements', async () => {
       await homeUtil.verifyNotebookSection();
     });
   });
 
   test.describe('Given community section content', () => {
-    test('When community section loads Then should display help and community headings', async ({ page }) => {
+    test('When community section loads Then should display help and community headings', async () => {
       await homeUtil.verifyHelpSection();
       await homeUtil.verifyCommunitySection();
     });
 
-    test('When external links are displayed Then should show correct targets', async ({ page }) => {
+    test('When external links are displayed Then should show correct targets', async () => {
       const linkTargets = await homeUtil.testExternalLinkTargets();
 
       expect(linkTargets.documentationHref).toContain('zeppelin.apache.org/docs');

zeppelin-web-angular/e2e/tests/home/home-page-layout.spec.ts

@@ -12,7 +12,6 @@
 
 import { expect, test } from '@playwright/test';
 import { HomePage } from '../../models/home-page';
-import { HomePageUtil } from '../../models/home-page.util';
 import { addPageAnnotationBeforeEach, performLoginIfRequired, waitForZeppelinReady, PAGES } from '../../utils';
 
 test.describe('Home Page - Layout and Grid', () => {
@@ -26,8 +25,6 @@ test.describe('Home Page - Layout and Grid', () => {
 
   test.describe('Responsive Grid Layout', () => {
     test('should display responsive grid structure', async ({ page }) => {
-      const homePageUtil = new HomePageUtil(page);
-
       await test.step('Given I am on the home page', async () => {
         const homePage = new HomePage(page);
         await homePage.navigateToHome();

zeppelin-web-angular/e2e/tests/home/home-page-note-operations.spec.ts

@@ -11,16 +11,12 @@
  */
 
 import { expect, test } from '@playwright/test';
-import { HomePage } from '../../models/home-page';
 import { addPageAnnotationBeforeEach, performLoginIfRequired, waitForZeppelinReady, PAGES } from '../../utils';
 
 addPageAnnotationBeforeEach(PAGES.WORKSPACE.HOME);
 
 test.describe('Home Page Note Operations', () => {
-  let homePage: HomePage;
-
   test.beforeEach(async ({ page }) => {
-    homePage = new HomePage(page);
     await page.goto('/');
     await waitForZeppelinReady(page);
     await performLoginIfRequired(page);
@@ -93,13 +89,10 @@ test.describe('Home Page Note Operations', () => {
 
         await page
           .waitForFunction(
-            () => {
-              return (
-                document.querySelector('zeppelin-note-rename') !== null ||
-                document.querySelector('[role="dialog"]') !== null ||
-                document.querySelector('.ant-modal') !== null
-              );
-            },
+            () =>
+              document.querySelector('zeppelin-note-rename') !== null ||
+              document.querySelector('[role="dialog"]') !== null ||
+              document.querySelector('.ant-modal') !== null,
             { timeout: 5000 }
           )
           .catch(() => {

zeppelin-web-angular/e2e/tests/home/home-page-notebook-actions.spec.ts

@@ -10,7 +10,7 @@
  * limitations under the License.
  */
 
-import { expect, test } from '@playwright/test';
+import { test } from '@playwright/test';
 import { HomePageUtil } from '../../models/home-page.util';
 import { addPageAnnotationBeforeEach, performLoginIfRequired, waitForZeppelinReady, PAGES } from '../../utils';
 
@@ -27,21 +27,21 @@ test.describe('Home Page Notebook Actions', () => {
   });
 
   test.describe('Given notebook list is displayed', () => {
-    test('When page loads Then should show notebook actions', async ({ page }) => {
+    test('When page loads Then should show notebook actions', async () => {
       await homeUtil.verifyNotebookActions();
     });
 
-    test('When refresh button is clicked Then should trigger reload with loading state', async ({ page }) => {
+    test('When refresh button is clicked Then should trigger reload with loading state', async () => {
       await homeUtil.testNotebookRefreshLoadingState();
     });
 
-    test('When filter is used Then should filter notebook list', async ({ page }) => {
+    test('When filter is used Then should filter notebook list', async () => {
       await homeUtil.testFilterFunctionality('test');
     });
   });
 
   test.describe('Given create new note action', () => {
-    test('When create new note is clicked Then should open note creation modal', async ({ page }) => {
+    test('When create new note is clicked Then should open note creation modal', async () => {
       try {
         await homeUtil.verifyCreateNewNoteWorkflow();
       } catch (error) {
@@ -51,7 +51,7 @@ test.describe('Home Page Notebook Actions', () => {
   });
 
   test.describe('Given import note action', () => {
-    test('When import note is clicked Then should open import modal', async ({ page }) => {
+    test('When import note is clicked Then should open import modal', async () => {
       try {
         await homeUtil.verifyImportNoteWorkflow();
       } catch (error) {
@@ -61,7 +61,7 @@ test.describe('Home Page Notebook Actions', () => {
   });
 
   test.describe('Given notebook refresh functionality', () => {
-    test('When refresh is triggered Then should maintain notebook list visibility', async ({ page }) => {
+    test('When refresh is triggered Then should maintain notebook list visibility', async () => {
       await homeUtil.verifyNotebookRefreshFunctionality();
     });
   });

zeppelin-web-angular/e2e/tests/theme/dark-mode.spec.ts

@@ -81,7 +81,7 @@ test.describe('Dark Mode Theme Switching', () => {
     });
   });
 
-  test('Scenario: System Theme and Local Storage Interaction', async ({ page, context }) => {
+  test('Scenario: System Theme and Local Storage Interaction', async ({ page }) => {
     // Ensure localStorage is clear for each sub-scenario
     await themePage.clearLocalStorage();
 

zeppelin-web-angular/e2e/tests/workspace/notebook-repos/notebook-repo-item-display.spec.ts

@@ -12,15 +12,13 @@
 
 import { expect, test } from '@playwright/test';
 import { NotebookReposPage, NotebookRepoItemPage } from '../../../models/notebook-repos-page';
-import { NotebookRepoItemUtil } from '../../../models/notebook-repos-page.util';
 import { addPageAnnotationBeforeEach, performLoginIfRequired, waitForZeppelinReady, PAGES } from '../../../utils';
 
 test.describe('Notebook Repository Item - Display Mode', () => {
   addPageAnnotationBeforeEach(PAGES.WORKSPACE.NOTEBOOK_REPOS_ITEM);
 
   let notebookReposPage: NotebookReposPage;
   let repoItemPage: NotebookRepoItemPage;
-  let repoItemUtil: NotebookRepoItemUtil;
   let firstRepoName: string;
 
   test.beforeEach(async ({ page }) => {
@@ -33,7 +31,6 @@ test.describe('Notebook Repository Item - Display Mode', () => {
     const firstCard = notebookReposPage.repositoryItems.first();
     firstRepoName = (await firstCard.locator('.ant-card-head-title').textContent()) || '';
     repoItemPage = new NotebookRepoItemPage(page, firstRepoName);
-    repoItemUtil = new NotebookRepoItemUtil(page, firstRepoName);
   });
 
   test('should display repository card with name', async () => {

zeppelin-web-angular/e2e/tests/workspace/notebook-repos/notebook-repo-item-form-validation.spec.ts

@@ -12,15 +12,13 @@
 
 import { expect, test } from '@playwright/test';
 import { NotebookReposPage, NotebookRepoItemPage } from '../../../models/notebook-repos-page';
-import { NotebookRepoItemUtil } from '../../../models/notebook-repos-page.util';
 import { addPageAnnotationBeforeEach, performLoginIfRequired, waitForZeppelinReady, PAGES } from '../../../utils';
 
 test.describe('Notebook Repository Item - Form Validation', () => {
   addPageAnnotationBeforeEach(PAGES.WORKSPACE.NOTEBOOK_REPOS_ITEM);
 
   let notebookReposPage: NotebookReposPage;
   let repoItemPage: NotebookRepoItemPage;
-  let repoItemUtil: NotebookRepoItemUtil;
   let firstRepoName: string;
 
   test.beforeEach(async ({ page }) => {
@@ -33,7 +31,6 @@ test.describe('Notebook Repository Item - Form Validation', () => {
     const firstCard = notebookReposPage.repositoryItems.first();
     firstRepoName = (await firstCard.locator('.ant-card-head-title').textContent()) || '';
     repoItemPage = new NotebookRepoItemPage(page, firstRepoName);
-    repoItemUtil = new NotebookRepoItemUtil(page, firstRepoName);
   });
 
   test('should disable save button when form is invalid', async () => {