Add content for user page

hotel-management/src/commons/styles/Button.ts

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+
+const Button = styled.button`
+  padding: 10px 20px;
+
+  background-color: var(--primary-color);
+  color: var(--light-text);
+  text-transform: uppercase;
+  font-weight: 500;
+  cursor: pointer;
+
+  border-radius: var(--radius-md);
+`;
+
+export default Button;

hotel-management/src/commons/styles/Direction.ts

@@ -0,0 +1,29 @@
+import styled, { css } from 'styled-components';
+
+interface IDirection {
+  type?: 'vertical' | 'horizontal';
+}
+
+const Direction = styled.div<IDirection>`
+  display: flex;
+
+  ${(props) =>
+    props.type === 'horizontal' &&
+    css`
+      justify-content: space-between;
+      align-items: center;
+    `}
+
+  ${(props) =>
+    props.type === 'vertical' &&
+    css`
+      flex-direction: column;
+      gap: 20px;
+    `}
+`;
+
+Direction.defaultProps = {
+  type: 'vertical',
+};
+
+export default Direction;