fixed rebase of border management

src/component/Workspace/FileItem.jsx

         </div>
       </div>
       <div className='col-2 col-sm-2 col-md-2 col-lg-2 col-xl-1'>
-        <div className='fileitem__rowfile__status'>
+        <div className='file__status'>
           <i className={iconStatus} />
         </div>
       </div>

src/container/Workspace.jsx

 
         <PageContent parentClass='workspace__content'>
 
-          <div className='workspace__content__fileandfolder folder active'>
+          <div className='workspace__content__fileandfolder folder__content active'>
             <FileItemHeader />
 
             <FileItem

src/css/Folder.styl

-folderclose()
-  height 0
-  visibility hidden
-  opacity 0
-
-folderopen()
-  height 100%
-  opacity 1
-  visibility visible
-  transition opacity 1s
-
+// -----------------------------------------------------
+// border management for Workspace container
 border-style = 1px solid dark-blue
 .folder__header
   border border-style
 .folder__content > .file, .folder__content > .folder
   border-bottom 0
 // @TODO the very last line of file or folder has to be added a border bottom in js
+// -----------------------------------------------------
+
+folderclose()
+  height 0
+  visibility hidden
+  opacity 0
+
+folderopen()
+  height 100%
+  opacity 1
+  visibility visible
+  transition opacity 1s
 
 .folder
   padding-left 30px
       & > .file, > .folder
         folderopen()
 
-
   &__header
     position relative
     display flex