feat(SW-1988): Replaced current bed component with new design

Approved-by: Chuma Mcphoy (We Ahead)

apps/scandic-web/components/TempDesignSystem/Form/RadioCard/radioCard.module.css

@@ -0,0 +1,55 @@
+.label {
+  position: relative;
+  cursor: pointer;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas: "icon icon" "title subtitle";
+  border-radius: var(--Corner-radius-md);
+  border: 1px solid var(--Border-Intense);
+  background: var(--Surface-Primary-Default);
+  padding: var(--Space-x2) var(--Space-x3);
+  gap: var(--Space-x1);
+}
+
+.label.disabled {
+  background: var(--Surface-Primary-Disabled);
+  filter: grayscale(1);
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.label:has(:checked) {
+  border: 2px solid var(--Border-Interactive-Selected);
+}
+
+.label:not(:has(:checked)) .selectedIcon {
+  display: none;
+}
+
+.selectedIcon {
+  position: absolute;
+  top: calc(-1 * var(--Space-x15));
+  right: calc(-1 * var(--Space-x15));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: 2px solid var(--Base-Border-Inverted);
+  border-radius: var(--Corner-radius-Rounded);
+  background-color: var(--Surface-Feedback-Succes-Accent);
+}
+
+.icon {
+  grid-area: icon;
+}
+
+.subtitle {
+  grid-area: subtitle;
+  color: var(--Text-Default);
+}
+
+.title {
+  grid-area: title;
+  color: var(--Text-Default);
+}