Add drawer component and support side thumbnails.

src/scss/carousel.scss

@@ -23,11 +23,19 @@ img,video {
   width: 100%;
   height: 100%;
 
+  flex-direction: column;
+
   user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
+:host([direction="vertical"]) .embla__container {
+  flex-direction: column;
+}
+:host([direction="horizontal"]) .embla__container {
+  flex-direction: row;
+}
 
 .embla__viewport {
   width: 100%;
@@ -50,9 +58,14 @@ img,video {
 .embla__slide {
   position: relative;
   height: 100%;
-  margin-right: 5px;
   overflow: visible;
 }
+:host([direction="vertical"]) .embla__slide {
+  margin-bottom: 5px;
+}
+:host([direction="horizontal"]) .embla__slide {
+  margin-right: 5px;
+}
 .embla__slide img,video {
   // Letterbox media. <frigate-card-ha-hls-player> has similar added directly in
   // its element.