fix(recipes): pin recipe modal badge sizing against import-modal.css collision

import-modal.css is loaded after recipe-modal.css and its unscoped
.missing-badge/.deleted-badge (equal specificity) were clobbering the
recipe modal's badge family, leaving invalid-hash-badge (no import
counterpart) at a different size. Scope the recipe status-badge sizing
under #recipeModal so import-modal.css can't override it. Also remove the
duplicate .deleted-badge block in import-modal.css.

static/css/components/import-modal.css

@@ -669,25 +669,6 @@
     /* Hide the old style */
 }
 
-/* Update deleted badge to be more prominent */
-.deleted-badge {
-    display: inline-flex;
-    align-items: center;
-    background: var(--lora-warning);
-    color: white;
-    padding: 4px 8px;
-    border-radius: var(--border-radius-xs);
-    font-size: 0.8em;
-    font-weight: 500;
-    white-space: nowrap;
-    flex-shrink: 0;
-}
-
-.deleted-badge i {
-    margin-right: 4px;
-    font-size: 0.9em;
-}
-
 /* Error message styling */
 .error-message {
     color: var(--lora-error);