WIP: refactor Draft.jsx so that use react-bootstrap/es/Panel

* fix link
* adjust styles

src/client/js/components/PageList/Draft.jsx

@@ -104,7 +104,7 @@ class Draft extends React.Component {
             <Panel.Toggle>
               {this.renderAccordionTitle(this.props.isExist)}
             </Panel.Toggle>
-            <a href="#"><i className="icon icon-login"></i></a>
+            <a href={this.props.path}><i className="icon icon-login"></i></a>
             <div className="flex-grow-1"></div>
             <div className="icon-container">
               {this.props.isExist

src/client/styles/scss/_draft.scss

@@ -1,32 +1,30 @@
 .draft-list-item {
-  .panel {
-    border: 1px solid #ccc;
+  .panel-heading {
+    .caret {
+      transition: 0.4s;
+      transform: rotate(-90deg);
 
-    .panel-heading {
-      background-color: #ccc;
-
-      .caret {
-        transition: 0.4s;
-        transform: rotate(-90deg);
+      &.caret-opened {
+        transform: rotate(0deg);
+      }
+    }
 
-        &.caret-opened {
-          transform: rotate(0deg);
-        }
+    .icon-container {
+      i {
+        opacity: 0;
       }
+    }
 
+    &:hover {
       .icon-container {
         i {
-          opacity: 0;
-        }
-      }
-
-      &:hover {
-        .icon-container {
-          i {
-            opacity: 1;
-          }
+          opacity: 1;
         }
       }
     }
   }
+
+  .draft-copy {
+    cursor: pointer;
+  }
 }