PS-725 - add empty state image to Vault and Send pages in web and to the Vault page in the bowser extension (#3263)

apps/web/src/scss/base.scss

@@ -306,3 +306,18 @@ button i.bwi,
 a i.bwi {
   margin-right: 0.25rem;
 }
+
+.no-items {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+
+  .no-items-image {
+    @include themify($themes) {
+      content: url("../images/search-web" + themed("svgSuffix"));
+    }
+  }
+}

apps/web/src/scss/variables.scss

@@ -219,6 +219,7 @@ $themes: (
     textMuted: #6c757d,
     textSuccessColor: $white,
     textWarningColor: $white,
+    svgSuffix: "-light.svg",
   ),
   dark: (
     primary: $darkPrimary,
@@ -330,6 +331,7 @@ $themes: (
     textMuted: $darkGrey1,
     textSuccessColor: $darkDarkBlue2,
     textWarningColor: $darkDarkBlue2,
+    svgSuffix: "-dark.svg",
   ),
 );