Created the Header.jsx styles.sass

src/states/Manage/components/Header/styles.sass

@@ -0,0 +1,51 @@
+@import "@/common/styles/colors"
+
+header
+  display: flex
+  justify-content: space-between
+  align-items: center
+  padding: 1rem
+
+header .action-area
+  display: flex
+  align-items: center
+  gap: 0.5rem
+
+  user-select: none
+
+.action-area .user-card
+  display: flex
+  align-items: center
+  background-color: $black
+
+  height: 3.5rem
+  border-radius: 3rem
+  padding: 0 1rem
+  gap: 0.5rem
+
+  & img
+    width: 2.5rem
+    height: 2.5rem
+    border-radius: 50%
+
+  & h1
+    font-size: 1.7rem
+    color: $text
+
+.action-area .logout-btn
+  display: flex
+  justify-content: center
+  align-items: center
+  background-color: $black
+  color: $error
+  border: none
+  font-size: 26pt
+  border-radius: 5rem
+  height: 3.5rem
+  width: 3.5rem
+  cursor: pointer
+  transition: 0.2s
+
+  &:hover
+    background-color: $error
+    color: $black