fix: stronghold lock/unlock ui (#565)

Author: cvarley100

packages/shared/routes/dashboard/wallet/views/Security.svelte

@@ -14,15 +14,13 @@
     let lastBackupDate
     let lastBackupDateFormatted
     let color
-    let strongholdStatusMessage
 
     function setup() {
         const ap = get(activeProfile)
         const lastStrongholdBackupTime = ap?.lastStrongholdBackupTime
         lastBackupDate = lastStrongholdBackupTime ? new Date(lastStrongholdBackupTime) : null
         lastBackupDateFormatted = diffDates(lastBackupDate, new Date())
         color = getBackupWarningColor(lastBackupDate)
-        strongholdStatusMessage = get(isStrongholdLocked) ? 'locked' : 'unlocked'
     }
 
     function handleSecurityTileClick(popupType) {
@@ -77,9 +75,9 @@
         <!-- Stronghold status -->
         <SecurityTile
             title={locale('views.dashboard.security.strongholdStatus.title')}
-            message={locale(`views.dashboard.security.strongholdStatus.${strongholdStatusMessage}`)}
+            message={locale(`views.dashboard.security.strongholdStatus.${$isStrongholdLocked ? 'locked' : 'unlocked'}`)}
             color={$isStrongholdLocked ? 'blue' : 'yellow'}
-            icon="lock"
+            icon={$isStrongholdLocked ? 'lock' : 'unlock'}
             onClick={() => ($isStrongholdLocked ? handleSecurityTileClick('password') : lockStronghold())} />
         <!-- Stronghold backup -->
         <SecurityTile