viewer: major code and search mode overhaul

Updated libraries to the lastest version
SCSS Formatter as suggested VSC extensions
Renamed toolbar-color by scrollbar-color
LD components use Props in favor of touching the stores directly (when possible)
Moved most common algorithms to a "services" folder
Complete search overhaul (lots of code change)

2 files changed, 15 insertions, 9 deletions

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index ed69841..ea25513 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -27,6 +27,10 @@
   color: red;
 }
 
+button svg + span {
+  margin-left: 7px;
+}
+
 // === Tools
 
 .nowrap {
@@ -66,11 +70,10 @@
 // Disable sticky hover styling on touch devices,
 // on which the virtual cursor doesn't leave the element after being tapped.
 // The fix can be applied to `a` elements by using the .link class.
-@media (hover:none), (hover:on-demand) {
+@media (hover: none), (hover: on-demand) {
   .link:hover {
     color: $link !important;
   }
-
   .disabled:hover {
     color: $disabled-color !important;
   }
@@ -90,7 +93,7 @@
 }
 .scrollbar::-webkit-scrollbar-thumb {
   box-shadow: inset 0 0 1px black;
-  background-color: $toolbar-color;
+  background-color: $scrollbar-color;
 }
 
 // === Thumbnail tiles alignment
diff --git a/viewer/src/assets/scss/theme.scss b/viewer/src/assets/scss/theme.scss
index 0a921a9..60504e3 100644
--- a/viewer/src/assets/scss/theme.scss
+++ b/viewer/src/assets/scss/theme.scss
@@ -18,9 +18,8 @@
 -- along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
-@import '_buefy_variables.scss';
-@import 'palette.scss';
-
+@import "_buefy_variables.scss";
+@import "palette.scss";
 
 // Buefy components
 
@@ -44,7 +43,12 @@ $loading-background: $palette-800;
 $title-color: $palette-200;
 $title-size: $size-5;
 $tag-background-color: $palette-800;
-
+$button-color: $palette-100;
+$button-background-color: $palette-700;
+$button-border-color: $palette-500;
+$button-focus-color: $button-color;
+$button-focus-border-color: $link;
+$button-focus-box-shadow-size: 0;
 
 // Custom components
 
@@ -54,14 +58,13 @@ $panel-left-bgcolor: $palette-800;
 $panel-left-txtcolor: $primary;
 $command-buttons-bgcolor: $palette-700;
 $content-bgcolor: $palette-900;
-$toolbar-color: $palette-300;  // FIXME: should be named "scrollbar"
+$scrollbar-color: $palette-300;
 $loader-color: $palette-800;
 $input-tag-delete-background-color: $palette-700;
 $breadcrumb-margins: 12px;
 $breadcrumb-overflow-mask-size: $breadcrumb-margins + 60px;
 $thumbnail-other-size: 120px;
 
-
 // Layout
 
 $layout-top: 45px;