Refactor storage handling across application

- Introduced a new storageHelpers module to centralize localStorage interactions, improving code maintainability and readability.
- Updated various components and managers to utilize the new storageHelpers functions for setting, getting, and removing items from localStorage.
- Added migration logic to handle localStorage items during application initialization, ensuring compatibility with the new storage structure.
- Enhanced logging during application initialization for better debugging.

static/js/components/ContextMenu.js

@@ -1,6 +1,7 @@
 import { refreshSingleLoraMetadata } from '../api/loraApi.js';
 import { showToast, getNSFWLevelName } from '../utils/uiHelpers.js';
 import { NSFW_LEVELS } from '../utils/constants.js';
+import { getStorageItem } from '../utils/storageHelpers.js';
 
 export class LoraContextMenu {
     constructor() {
@@ -149,7 +150,7 @@ export class LoraContextMenu {
 
     updateCardBlurEffect(card, level) {
         // Get user settings for blur threshold
-        const blurThreshold = parseInt(localStorage.getItem('nsfwBlurLevel') || '4');
+        const blurThreshold = parseInt(getStorageItem('nsfwBlurLevel') || '4');
         
         // Get card preview container
         const previewContainer = card.querySelector('.card-preview');