style: fix line length in ContactsView ternary operator

- Break long CSS class strings into multiple concatenated lines
- Ensure all lines are under 100 characters for better readability
- Maintain same functionality and styling behavior
- Improve code maintainability and readability

Fixes: Long lines in conditional CSS class assignment

src/db/databaseUtil.ts

@@ -343,7 +343,10 @@ export async function debugSettingsData(did?: string): Promise<void> {
     // Get all settings records
     const allSettings = await platform.dbQuery("SELECT * FROM settings");
 
-    logConsoleAndDb(`[DEBUG] Total settings records: ${allSettings?.values?.length || 0}`, false);
+    logConsoleAndDb(
+      `[DEBUG] Total settings records: ${allSettings?.values?.length || 0}`,
+      false,
+    );
 
     if (allSettings?.values?.length) {
       allSettings.values.forEach((row, index) => {
@@ -354,28 +357,48 @@ export async function debugSettingsData(did?: string): Promise<void> {
         logConsoleAndDb(`[DEBUG] - activeDid: ${settings.activeDid}`, false);
 
         if (settings.searchBoxes) {
-          logConsoleAndDb(`[DEBUG] - searchBoxes type: ${typeof settings.searchBoxes}`, false);
-          logConsoleAndDb(`[DEBUG] - searchBoxes value: ${String(settings.searchBoxes)}`, false);
+          logConsoleAndDb(
+            `[DEBUG] - searchBoxes type: ${typeof settings.searchBoxes}`,
+            false,
+          );
+          logConsoleAndDb(
+            `[DEBUG] - searchBoxes value: ${String(settings.searchBoxes)}`,
+            false,
+          );
 
           // Try to parse it
           try {
             const parsed = JSON.parse(String(settings.searchBoxes));
-            logConsoleAndDb(`[DEBUG] - searchBoxes parsed successfully: ${JSON.stringify(parsed)}`, false);
+            logConsoleAndDb(
+              `[DEBUG] - searchBoxes parsed successfully: ${JSON.stringify(parsed)}`,
+              false,
+            );
           } catch (parseError) {
-            logConsoleAndDb(`[DEBUG] - searchBoxes parse error: ${parseError}`, true);
+            logConsoleAndDb(
+              `[DEBUG] - searchBoxes parse error: ${parseError}`,
+              true,
+            );
           }
         }
 
-        logConsoleAndDb(`[DEBUG] - Full record: ${JSON.stringify(settings, null, 2)}`, false);
+        logConsoleAndDb(
+          `[DEBUG] - Full record: ${JSON.stringify(settings, null, 2)}`,
+          false,
+        );
       });
     }
 
     // If specific DID provided, also check accounts table
     if (did) {
-      const account = await platform.dbQuery("SELECT * FROM accounts WHERE did = ?", [did]);
-      logConsoleAndDb(`[DEBUG] Account for ${did}: ${JSON.stringify(account, null, 2)}`, false);
+      const account = await platform.dbQuery(
+        "SELECT * FROM accounts WHERE did = ?",
+        [did],
+      );
+      logConsoleAndDb(
+        `[DEBUG] Account for ${did}: ${JSON.stringify(account, null, 2)}`,
+        false,
+      );
     }
-    
   } catch (error) {
     logConsoleAndDb(`[DEBUG] Error inspecting settings data: ${error}`, true);
   }
@@ -392,13 +415,10 @@ export async function debugSettingsData(did?: string): Promise<void> {
  * @returns Parsed object or default value
  * @author Matthew Raymer
  */
-export function parseJsonField<T>(
-  value: unknown, 
-  defaultValue: T
-): T {
+export function parseJsonField<T>(value: unknown, defaultValue: T): T {
   try {
     // If already an object (web SQLite auto-parsed), return as-is
-    if (typeof value === 'object' && value !== null) {
+    if (typeof value === "object" && value !== null) {
       logConsoleAndDb(
         `[DEBUG] JSON field is already an object (auto-parsed by web SQLite), skipping parse`,
         false,
@@ -407,7 +427,7 @@ export function parseJsonField<T>(
     }
 
     // If it's a string (Capacitor SQLite or fallback), parse it
-    if (typeof value === 'string') {
+    if (typeof value === "string") {
       logConsoleAndDb(
         `[DEBUG] JSON field is a string, parsing JSON (Capacitor SQLite or web fallback)`,
         false,
@@ -426,7 +446,6 @@ export function parseJsonField<T>(
       true,
     );
     return defaultValue;
-    
   } catch (error) {
     logConsoleAndDb(
       `[databaseUtil] Failed to parse JSON field: ${error}`,

src/libs/util.ts

@@ -735,7 +735,9 @@ export const generateSaveAndActivateIdentity = async (): Promise<string> => {
   const newId = newIdentifier(address, publicHex, privateHex, derivationPath);
 
   await saveNewIdentity(newId, mnemonic, derivationPath);
-  await databaseUtil.updateDidSpecificSettings(newId.did, { isRegistered: false });
+  await databaseUtil.updateDidSpecificSettings(newId.did, {
+    isRegistered: false,
+  });
   if (USE_DEXIE_DB) {
     await updateAccountSettings(newId.did, { isRegistered: false });
   }

src/views/ContactEditView.vue

@@ -145,7 +145,6 @@ import { db } from "../db/index";
 import { PlatformServiceFactory } from "../services/PlatformServiceFactory";
 import { Contact, ContactMethod } from "../db/tables/contacts";
 import { AppString } from "../constants/app";
-import { logger } from "../utils/logger";
 
 /**
  * Contact Edit View Component

src/views/ContactImportView.vue

@@ -223,7 +223,6 @@ import {
 import { getContactJwtFromJwtUrl } from "../libs/crypto";
 import { decodeEndorserJwt } from "../libs/crypto/vc";
 import { PlatformServiceFactory } from "@/services/PlatformServiceFactory";
-import { logger } from "../utils/logger";
 
 /**
  * Interface for contact data as stored in the database

src/views/ContactQRScanFullView.vue

@@ -475,7 +475,9 @@ export default class ContactQRScan extends Vue {
 
       // Add new contact
       // @ts-expect-error because we're just using the value to store to the DB
-      contact.contactMethods = JSON.stringify(parseJsonField(contact.contactMethods, []));
+      contact.contactMethods = JSON.stringify(
+        parseJsonField(contact.contactMethods, []),
+      );
       const { sql, params } = databaseUtil.generateInsertStatement(
         contact as unknown as Record<string, unknown>,
         "contacts",

src/views/ContactQRScanShowView.vue

@@ -779,7 +779,9 @@ export default class ContactQRScanShow extends Vue {
 
       // Add new contact
       // @ts-expect-error because we're just using the value to store to the DB
-      contact.contactMethods = JSON.stringify(parseJsonField(contact.contactMethods, []));
+      contact.contactMethods = JSON.stringify(
+        parseJsonField(contact.contactMethods, []),
+      );
       const { sql, params } = databaseUtil.generateInsertStatement(
         contact as unknown as Record<string, unknown>,
         "contacts",

src/views/ContactsView.vue

@@ -103,8 +103,12 @@
             v-if="!showGiveNumbers"
             :class="
               contactsSelected.length > 0
-                ? 'text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-3 px-3 py-1.5 rounded-md cursor-pointer'
-                : 'text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-slate-300 ml-3 px-3 py-1.5 rounded-md cursor-not-allowed'
+                ? 'text-md bg-gradient-to-b from-blue-400 to-blue-700 ' +
+                  'shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ' +
+                  'ml-3 px-3 py-1.5 rounded-md cursor-pointer'
+                : 'text-md bg-gradient-to-b from-slate-400 to-slate-700 ' +
+                  'shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-slate-300 ' +
+                  'ml-3 px-3 py-1.5 rounded-md cursor-not-allowed'
             "
             data-testId="copySelectedContactsButtonTop"
             @click="copySelectedContacts()"
@@ -312,8 +316,12 @@
         v-if="!showGiveNumbers"
         :class="
           contactsSelected.length > 0
-            ? 'text-md bg-gradient-to-b from-blue-400 to-blue-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ml-3 px-3 py-1.5 rounded-md cursor-pointer'
-            : 'text-md bg-gradient-to-b from-slate-400 to-slate-700 shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-slate-300 ml-3 px-3 py-1.5 rounded-md cursor-not-allowed'
+            ? 'text-md bg-gradient-to-b from-blue-400 to-blue-700 ' +
+              'shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-white ' +
+              'ml-3 px-3 py-1.5 rounded-md cursor-pointer'
+            : 'text-md bg-gradient-to-b from-slate-400 to-slate-700 ' +
+              'shadow-[inset_0_-1px_0_0_rgba(0,0,0,0.5)] text-slate-300 ' +
+              'ml-3 px-3 py-1.5 rounded-md cursor-not-allowed'
         "
         @click="copySelectedContacts()"
       >

src/views/SearchAreaView.vue

@@ -215,7 +215,7 @@ export default class SearchAreaView extends Vue {
         if (USE_DEXIE_DB) {
           await db.open();
           await db.settings.update(MASTER_SETTINGS_KEY, {
-            searchBoxes: searchBoxes as any,  // Type assertion for Dexie compatibility
+            searchBoxes: searchBoxes as unknown, // Type assertion for Dexie compatibility
           });
         }
         this.searchBox = newSearchBox;
@@ -269,7 +269,7 @@ export default class SearchAreaView extends Vue {
       if (USE_DEXIE_DB) {
         await db.open();
         await db.settings.update(MASTER_SETTINGS_KEY, {
-          searchBoxes: "[]" as any,  // Type assertion for Dexie compatibility
+          searchBoxes: "[]" as unknown as string, // Type assertion for Dexie compatibility
           filterFeedByNearby: false,
         });
       }