docs(tutorial): fix css broken & add missing functional dc

Author: evenchange4

content/en/tutorial.html

@@ -42,6 +42,11 @@ <h5 class="componentCard__detail--tutorialTitle">
                       How to connect device
                     </a>
                   </li>                  
+                  <li>
+                    <a href="tutorial/setting_user_privilege" >
+                      Setting user privilege
+                    </a>
+                  </li>
                 </ul>
               </article>
             </div>
@@ -116,11 +121,6 @@ <h5 class="componentCard__detail--tutorialTitle" >
                       Using trigger and action
                     </a>
                   </li>
-                  <li>
-                    <a href="tutorial/setting_user_privilege" >
-                      Setting user privilege
-                    </a>
-                  </li>
                   <li>
                     <a href="tutorial/managing_firmware" >
                       Firmware management

content/zh-CN/tutorial.html

@@ -42,6 +42,11 @@ <h5 class="componentCard__detail--tutorialTitle">
                       如何连接装置
                     </a>
                   </li>
+                  <li>
+                    <a href="tutorial/setting_user_privilege" >
+                      设定使用者权限
+                    </a>
+                  </li>
                 </ul>
               </article>
             </div>
@@ -107,13 +112,13 @@ <h5 class="componentCard__detail--tutorialTitle" >
               <article class="componentCard__detail--WithoutMaxHeight componentCard__detail--tutorialArticle" >
                 <ul style="margin: 0;">
                   <li>
-                    <a href="tutorial/setting_notification" >
-                      设定触发条件和动作
+                    <a href="tutorial/function_data_channel_tutorial" >
+                      使用资料运算通道
                     </a>
                   </li>
                   <li>
-                    <a href="tutorial/setting_user_privilege" >
-                      设定使用者权限
+                    <a href="tutorial/setting_notification" >
+                      设定触发条件和动作
                     </a>
                   </li>
                   <li>

content/zh-TW/tutorial.html

@@ -42,6 +42,11 @@ <h5 class="componentCard__detail--tutorialTitle">
                       如何連接裝置
                     </a>
                   </li>
+                  <li>
+                    <a href="tutorial/setting_user_privilege" >
+                      設定使用者權限
+                    </a>
+                  </li>
                 </ul>
               </article>
             </div>
@@ -107,13 +112,13 @@ <h5 class="componentCard__detail--tutorialTitle" >
               <article class="componentCard__detail--WithoutMaxHeight componentCard__detail--tutorialArticle" >
                 <ul style="margin: 0;">
                   <li>
-                    <a href="tutorial/setting_notification" >
-                      設定觸發條件和動作
+                    <a href="tutorial/function_data_channel_tutorial" >
+                      使用資料運算通道
                     </a>
                   </li>
                   <li>
-                    <a href="tutorial/setting_user_privilege" >
-                      設定使用者權限
+                    <a href="tutorial/setting_notification" >
+                      設定觸發條件和動作
                     </a>
                   </li>
                   <li>