Add filter for shared state (#531)

* Add shared filter to bookmark search model

* Add shared filter UI

* Implement shared filter

* Add API test

* Use radio buttons

* Rename shared parameter

* Improve radio button CSS

bookmarks/styles/bookmark-page.scss

@@ -58,7 +58,7 @@
     border-bottom-right-radius: 0;
   }
 
-  .dropdown button {
+  .dropdown-toggle {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
@@ -71,7 +71,7 @@
   .dropdown {
     .menu {
       padding: $unit-4;
-      min-width: 220px;
+      min-width: 250px;
     }
 
     &:focus-within {
@@ -85,6 +85,23 @@
       display: flex;
       justify-content: space-between;
     }
+
+    .radio-group {
+      .form-label {
+        padding-bottom: 0;
+      }
+      .form-radio.form-inline {
+        margin: 0 $unit-2 0 0;
+        padding: 0;
+        display: inline-flex;
+        align-items: center;
+        column-gap: $unit-1;
+      }
+      .form-icon {
+        top: 0;
+        position: relative;
+      }
+    }
   }
 }
 

bookmarks/styles/spectre.scss

@@ -63,6 +63,19 @@ a:visited:hover {
   transition: none !important;
 }
 
+// Fix radio button sub-pixel size
+.form-radio .form-icon {
+  width: 14px;
+  height: 14px;
+  border-width: 1px;
+}
+
+.form-radio input:checked + .form-icon::before {
+  top: 3px;
+  left: 3px;
+  transform: unset;
+}
+
 // Make code work with light and dark theme
 code {
   color: $gray-color-dark;

bookmarks/styles/theme-dark.scss

@@ -44,6 +44,10 @@ a:focus, .btn:focus {
   border-color: $dt-primary-button-color;
 }
 
+.form-radio input:checked + .form-icon::before {
+  background: $light-color;
+}
+
 // Pagination
 .pagination .page-item.active a {
   background: $dt-primary-button-color;