added cards and basic gamestate communication via websocket

src/styles/layout/components/_components.scss

@@ -1 +1,3 @@
-@import "button";
+@import "button";
+@import "card";
+@import "hand";

src/styles/layout/components/card.scss

@@ -0,0 +1,14 @@
+.card {
+  width: 100px;
+  min-width: 100px;
+
+  &-clickable {
+    cursor: pointer;
+  }
+
+  &__texture {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
+}

src/styles/layout/components/hand.scss

@@ -0,0 +1,9 @@
+.hand {
+  display: flex;
+  flex-direction: row;
+  //justify-content: center;
+  flex-flow: nowrap !important;
+  overflow-x: scroll;
+  padding: 0.5rem;
+  gap: 0.5rem;
+}