feat(SW-70): create base for rate selection page

This is the foundation for the rate selection. Since we don't have UX
and UI ready yet this is on a best effort basis. Things that will be
changed later includes proper API fetching, correct design,
internationalization of text and form handling.

components/HotelReservation/SelectRate/RoomCard/roomCard.module.css

@@ -0,0 +1,42 @@
+.card {
+  font-size: 14px;
+  text-align: center;
+  display: flex;
+  flex-direction: column-reverse;
+  background-color: #fff;
+  border-radius: 4px;
+  border: 1px solid rgba(77, 0, 27, 0.1);
+}
+
+.cardBody {
+  padding: var(--Spacing-x2);
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x1);
+}
+
+.nameContainer {
+}
+
+.name {
+  display: inline-block;
+}
+.nameInfo {
+  float: right;
+}
+
+.price {
+  font-size: 24px;
+  font-weight: 600;
+  text-align: center;
+}
+
+.card .button {
+  display: inline;
+}
+
+.card img {
+  max-width: 100%;
+  aspect-ratio: 2.45;
+  object-fit: cover;
+}