Conformance: Have activity Layout done.

src/components/Discover/Conformance/ConformanceSidebar.vue

@@ -0,0 +1,53 @@
+<template>
+<section class="h-full shadow-[1px_0px_4px_rgba(0,0,0,0.25)] bg-neutral-100 absolute inset-y-0 left-0 " :class="isShowBar?'w-full':'w-[300px]'">
+  <!-- header -->
+  <div class="bg-neutral-200 px-4">
+    <p class="h2">Rule Settings</p>
+  </div>
+
+  <!-- contanier -->
+  <div class="p-4 h-[calc(100%_-_40px)] flex">
+    <div class="h-full flex flex-col justify-between w-[268px]">
+      <!-- select -->
+      <div class="h-full overflow-y-auto scrollbar">
+        <!-- show and hidden button -->
+        <div class="flex items-center justify-between">
+          <p class="h2">Activity Select</p>
+          <span class="material-symbols-outlined cursor-pointer duration-300 hover:bg-primary/50 hover:rounded " @click="isShowBar = !isShowBar">{{ isShowBar ? 'keyboard_double_arrow_right' : 'keyboard_double_arrow_left' }}</span>
+        </div>
+        <!-- radio group -->
+        <ConformanceRadioGroup></ConformanceRadioGroup>
+        <!-- select result -->
+        <ConformanceSelectResult></ConformanceSelectResult>
+      </div>
+      <!-- button -->
+      <div class="space-x-4 p-4 flex justify-center items-content border-t border-neutral-300">
+        <button type="button"  class="btn btn-sm btn-neutral" @click="reset">Clear</button>
+        <button type="button" class="btn btn-sm btn-neutral" @click="submit">Apply</button>
+      </div>
+    </div>
+    <!-- show bar -->
+    <ConformanceShowBar :class="isShowBar?'':'hidden'"></ConformanceShowBar>
+  </div>
+</section>
+</template>
+
+<script>
+import ConformanceRadioGroup from './ConformanceSidebar/ConformanceRadioGroup.vue';
+import ConformanceShowBar from './ConformanceSidebar/ConformanceShowBar.vue';
+import ConformanceSelectResult from './ConformanceSidebar/ConformanceSelectResult.vue';
+
+export default {
+  data() {
+    return {
+      isShowBar: false,
+      visibleLeft: false,
+    }
+  },
+  components: {
+    ConformanceRadioGroup,
+    ConformanceShowBar,
+    ConformanceSelectResult,
+  }
+}
+</script>