Fix: Improve Release Lock button functionality and styling

src/components/moderation/LockStatusDisplay.tsx

@@ -102,7 +102,7 @@ export const LockStatusDisplay = ({
       {/* Release Lock Button */}
       <Button
         size="sm"
-        variant="ghost"
+        variant="outline"
         onClick={() => onReleaseLock(currentLock.submissionId)}
         disabled={isLoading}
         className="w-full"

src/hooks/useModerationQueue.ts

@@ -241,31 +241,36 @@ export const useModerationQueue = (config?: UseModerationQueueConfig) => {
 
       if (error) throw error;
 
-      if (data) {
+      // Always clear local state and refresh stats if no error
-        setCurrentLock((prev) =>
+      setCurrentLock((prev) =>
-          prev?.submissionId === submissionId ? null : prev
+        prev?.submissionId === submissionId ? null : prev
-        );
+      );
 
-        if (lockTimerRef.current) {
+      if (lockTimerRef.current) {
-          clearInterval(lockTimerRef.current);
+        clearInterval(lockTimerRef.current);
-        }
+      }
 
-        fetchStats();
+      fetchStats();
-        
+      
+      // Show appropriate toast based on result
+      if (data === true) {
         toast({
           title: 'Lock Released',
           description: 'You can now claim another submission',
         });
-        
+      } else {
-        // Trigger refresh callback
+        toast({
-        if (onLockStateChange) {
+          title: 'Lock Already Released',
-          onLockStateChange();
+          description: 'This submission was already unlocked',
-        }
+        });
-        
-        return true;
       }
-
+      
-      return false;
+      // Trigger refresh callback
+      if (onLockStateChange) {
+        onLockStateChange();
+      }
+      
+      return data;
     } catch (error: any) {
       console.error('Error releasing lock:', error);
       toast({