fix: qa사항 일부 반영

- textarea focus 시 보더 컬러 적용
- 힌트 이미지 최솟값 조정, 좌우패딩 추가
- 힌트 테이블 헤더 width 적용 안되었던 버그 픽스

Author: anyl92

app/(shared)/(ThemeTextArea)/textArea.modules.sass

@@ -16,10 +16,13 @@
 
   &.filled
     background-color: $color-main
-  &:focus, &:hover
+  &:focus
     outline: none
+    border: 1px solid $color-white
     background-color: $color-black
     cursor: text
+  &:hover
+    background-color: $color-black
   &.error
     border: 1px solid $color-semantic100
     cursor: text

app/admin/(components)/ThemeInfo/ThemeInfoHint.tsx

@@ -93,7 +93,11 @@ const ThemeInfoHint: React.FC<ThemeDrawerProps> = ({ handleHintCreate }) => {
           <div className="table-rate">
             <span>진행률</span>
           </div>
-          <div className="table-hint">
+          <div
+            className={classNames("table-hint", {
+              "drawer-open": drawer.isOpen,
+            })}
+          >
             <span>힌트 내용</span>
           </div>
           <div className="table-answer">

app/admin/(style)/themeInfo.modules.sass

@@ -338,8 +338,8 @@
   visibility: hidden
 .drawer-image-box
   width: 100%
-  min-height: 299px
-  padding: 20px 0
+  min-height: 229px
+  padding: 20px
   border-radius: 8px
   background-color: $color-white5
   display: flex