Refactors to ensure types for settings. Closes #317 (#320)

## 🎯 Aim

The aim is to do a bit of refactor to ensure correct types when
retrieving extension settings

## 📷 Result

![image](https://github.com/user-attachments/assets/c5407994-d234-43ec-8da3-fd4fc0ef2287)

## ✅ What was done

- [X] added typing

## 🔗 Related issue

Closes: #317

package.json

@@ -178,13 +178,13 @@
 				"spfx-toolkit.showServiceIncidentList": {
 					"title": "Show service health incidents",
 					"type": "boolean",
-					"default": "true",
+					"default": true,
 					"description": "Show the service health incidents in the account view."
 				},
 				"spfx-toolkit.showTenantWideExtensions": {
 					"title": "Show tenant-wide extensions",
 					"type": "boolean",
-					"default": "true",
+					"default": true,
 					"description": "Show the tenant-wide extensions in the account view."
 				}
 			}

src/panels/CommandPanel.ts

@@ -127,7 +127,7 @@ export class CommandPanel {
           new ActionTreeItem(webApiPermissionManagementUrl.replace(`${adminOriginUrl}/_layouts/15/online/AdminHome.aspx#/`, '...'), '', { name: 'globe', custom: false }, undefined, 'vscode.open', Uri.parse(webApiPermissionManagementUrl), 'sp-admin-api-url')
         ]));
 
-        const showServiceIncidentList = getExtensionSettings('showServiceIncidentList', true);
+        const showServiceIncidentList: boolean = getExtensionSettings<boolean>('showServiceIncidentList', true);
         if (showServiceIncidentList === true) {
           const healthInfoList = await CliActions.getTenantHealthInfo();
           if (healthInfoList?.some)
@@ -177,7 +177,7 @@ export class CommandPanel {
         ]),
       );
 
-      const showTenantWideExtensions = getExtensionSettings('showTenantWideExtensions', true);
+      const showTenantWideExtensions: boolean = getExtensionSettings<boolean>('showTenantWideExtensions', true);
 
       if (showTenantWideExtensions === true) {
         const tenantWideExtensions = await CliActions.getTenantWideExtensions(tenantAppCatalogUrl);

src/utils/getExtensionSettings.ts

@@ -9,6 +9,6 @@ import { EXTENSION_NAME } from '../constants';
    * @param defaultValue - The default value to return if the setting is not found.
    * @returns The value of the setting, or the default value if the setting is not found.
    */
-export const getExtensionSettings = <T>(setting: any, defaultValue: any) =>{
+export const getExtensionSettings = <T>(setting: string, defaultValue: T) => {
   return workspace.getConfiguration(EXTENSION_NAME).get<T>(setting, defaultValue);
 };