Bump TypeScript to 5.3 with verbatimModuleSyntax

This commit upgrades TypeScript to the latest version 5.3 and introduces
`verbatimModuleSyntax` in line with the official Vue guide
recommendatinos (vuejs/docs#2592).

By enforcing `import type` for type-only imports, this commit improves
code clarity and supports tooling optimization, ensuring imports are
only bundled when necessary for runtime.

Changes:

- Bump TypeScript to 5.3.3 across the project.
- Adjust import statements to utilize `import type` where applicable,
  promoting cleaner and more efficient code.

src/presentation/components/Shared/Hooks/Clipboard/BrowserClipboard.ts

@@ -1,4 +1,4 @@
-import { Clipboard } from './Clipboard';
+import type { Clipboard } from './Clipboard';
 
 export type NavigatorClipboard = typeof globalThis.navigator.clipboard;
 

src/presentation/components/Shared/Hooks/Clipboard/UseClipboard.ts

@@ -1,6 +1,6 @@
-import { FunctionKeys } from '@/TypeHelpers';
+import type { FunctionKeys } from '@/TypeHelpers';
 import { BrowserClipboard } from './BrowserClipboard';
-import { Clipboard } from './Clipboard';
+import type { Clipboard } from './Clipboard';
 
 export function useClipboard(clipboard: Clipboard = new BrowserClipboard()) {
   // Bind functions for direct use from destructured assignments such as `const { .. } = ...`.

src/presentation/components/Shared/Hooks/Dialog/ClientDialogFactory.ts

@@ -1,5 +1,5 @@
-import { RuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironment';
-import { Dialog } from '@/presentation/common/Dialog';
+import type { RuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironment';
+import type { Dialog } from '@/presentation/common/Dialog';
 import { BrowserDialog } from '@/infrastructure/Dialog/Browser/BrowserDialog';
 import { decorateWithLogging } from '@/infrastructure/Dialog/LoggingDialogDecorator';
 import { ClientLoggerFactory } from '../Log/ClientLoggerFactory';

src/presentation/components/Shared/Hooks/Dialog/UseDialog.ts

@@ -1,4 +1,4 @@
-import { Dialog } from '@/presentation/common/Dialog';
+import type { Dialog } from '@/presentation/common/Dialog';
 import { CurrentEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironmentFactory';
 import { createEnvironmentSpecificLoggedDialog } from './ClientDialogFactory';
 

src/presentation/components/Shared/Hooks/Log/ClientLoggerFactory.ts

@@ -1,10 +1,10 @@
-import { RuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironment';
+import type { RuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironment';
 import { ConsoleLogger } from '@/infrastructure/Log/ConsoleLogger';
-import { Logger } from '@/application/Common/Log/Logger';
+import type { Logger } from '@/application/Common/Log/Logger';
 import { NoopLogger } from '@/infrastructure/Log/NoopLogger';
 import { WindowInjectedLogger } from '@/infrastructure/Log/WindowInjectedLogger';
 import { CurrentEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironmentFactory';
-import { LoggerFactory } from './LoggerFactory';
+import type { LoggerFactory } from './LoggerFactory';
 
 export class ClientLoggerFactory implements LoggerFactory {
   public static readonly Current: LoggerFactory = new ClientLoggerFactory();

src/presentation/components/Shared/Hooks/Log/LoggerFactory.ts

@@ -1,4 +1,4 @@
-import { Logger } from '@/application/Common/Log/Logger';
+import type { Logger } from '@/application/Common/Log/Logger';
 
 export interface LoggerFactory {
   readonly logger: Logger;

src/presentation/components/Shared/Hooks/Log/UseLogger.ts

@@ -1,5 +1,5 @@
 import { ClientLoggerFactory } from './ClientLoggerFactory';
-import { LoggerFactory } from './LoggerFactory';
+import type { LoggerFactory } from './LoggerFactory';
 
 export function useLogger(factory: LoggerFactory = ClientLoggerFactory.Current) {
   return {

src/presentation/components/Shared/Hooks/UseApplication.ts

@@ -1,4 +1,4 @@
-import { IApplication } from '@/domain/IApplication';
+import type { IApplication } from '@/domain/IApplication';
 
 export function useApplication(application: IApplication) {
   return {

src/presentation/components/Shared/Hooks/UseAutoUnsubscribedEvents.ts

@@ -1,6 +1,6 @@
 import { onUnmounted } from 'vue';
 import { EventSubscriptionCollection } from '@/infrastructure/Events/EventSubscriptionCollection';
-import { IEventSubscriptionCollection } from '@/infrastructure/Events/IEventSubscriptionCollection';
+import type { IEventSubscriptionCollection } from '@/infrastructure/Events/IEventSubscriptionCollection';
 
 export function useAutoUnsubscribedEvents(
   events: IEventSubscriptionCollection = new EventSubscriptionCollection(),

src/presentation/components/Shared/Hooks/UseCodeRunner.ts

@@ -1,4 +1,4 @@
-import { WindowVariables } from '@/infrastructure/WindowVariables/WindowVariables';
+import type { WindowVariables } from '@/infrastructure/WindowVariables/WindowVariables';
 
 export function useCodeRunner(
   window: WindowVariables = globalThis.window,

src/presentation/components/Shared/Hooks/UseCollectionState.ts

@@ -1,7 +1,7 @@
 import { shallowRef, shallowReadonly } from 'vue';
-import { IApplicationContext, IReadOnlyApplicationContext } from '@/application/Context/IApplicationContext';
-import { ICategoryCollectionState, IReadOnlyCategoryCollectionState } from '@/application/Context/State/ICategoryCollectionState';
-import { IEventSubscriptionCollection } from '@/infrastructure/Events/IEventSubscriptionCollection';
+import type { IApplicationContext, IReadOnlyApplicationContext } from '@/application/Context/IApplicationContext';
+import type { ICategoryCollectionState, IReadOnlyCategoryCollectionState } from '@/application/Context/State/ICategoryCollectionState';
+import type { IEventSubscriptionCollection } from '@/infrastructure/Events/IEventSubscriptionCollection';
 
 export function useCollectionState(
   context: IApplicationContext,

src/presentation/components/Shared/Hooks/UseCurrentCode.ts

@@ -1,6 +1,6 @@
 import { ref } from 'vue';
-import { IApplicationCode } from '@/application/Context/State/Code/IApplicationCode';
-import { IEventSubscriptionCollection } from '@/infrastructure/Events/IEventSubscriptionCollection';
+import type { IApplicationCode } from '@/application/Context/State/Code/IApplicationCode';
+import type { IEventSubscriptionCollection } from '@/infrastructure/Events/IEventSubscriptionCollection';
 import { useCollectionState } from './UseCollectionState';
 
 export function useCurrentCode(

src/presentation/components/Shared/Hooks/UseRuntimeEnvironment.ts

@@ -1,4 +1,4 @@
-import { RuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironment';
+import type { RuntimeEnvironment } from '@/infrastructure/RuntimeEnvironment/RuntimeEnvironment';
 
 export function useRuntimeEnvironment(environment: RuntimeEnvironment) {
   return environment;

src/presentation/components/Shared/Hooks/UseScriptDiagnosticsCollector.ts

@@ -1,4 +1,4 @@
-import { WindowVariables } from '@/infrastructure/WindowVariables/WindowVariables';
+import type { WindowVariables } from '@/infrastructure/WindowVariables/WindowVariables';
 
 export function useScriptDiagnosticsCollector(
   window: Partial<WindowVariables> = globalThis.window,