fix: update loyalty cards and join loyalty sidebar design

components/Loyalty/Sidebar/JoinLoyalty/joinLoyalty.module.css

@@ -1,12 +1,30 @@
-.container {
-  background-color: var(--Main-Grey-White);
+.wrapper {
   display: grid;
+  gap: var(--Spacing-x3);
+  padding-bottom: var(--Spacing-x5);
+  padding-top: var(--Spacing-x4);
 }
 
-.wrapper {
+.loginContainer {
+  display: grid;
+  gap: var(--Spacing-x2);
+}
+
+.button {
+  width: fit-content;
+}
+
+.linkWrapper {
   display: flex;
   align-items: center;
-  flex-direction: column;
-  gap: var(--Spacing-x5);
-  padding: var(--Spacing-x4) var(--Spacing-x2) var(--Spacing-x5);
-}
+  gap: var(--Spacing-x-half);
+}
+
+.link {
+  display: flex;
+  align-items: center;
+}
+
+.icon {
+  align-self: center;
+}