refactor(popup): match styles/reduce paint flicker (#136)

* refactor: match popup styles/reduce paint flicker

* fix: useSchedules hook

* feat: popup ✨

* fix: repaint issue on popup body

* fix: initial active schedule

* fix: center justification

* fix: reactivity error

src/views/components/common/ExtensionRoot/ExtensionRoot.module.scss

@@ -1,12 +1,6 @@
 @import 'src/views/styles/base.module.scss';
 
 .extensionRoot {
-    @apply font-sans;
+    @apply font-sans h-full;
     color: #303030;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    font-family: Inter, sans-serif;
-    font-weight: 300;
-    font-size: 14px;
-    line-height: 18px;
 }

src/views/components/common/ScheduleDropdown/ScheduleDropdown.tsx

@@ -45,9 +45,10 @@ export default function ScheduleDropdown(props: Props) {
                         </Disclosure.Button>
 
                         <Transition
-                            className='contain-paint max-h-55 origin-top overflow-auto transition-all duration-400 ease-out-expo'
+                            className='contain-paint max-h-55 origin-top overflow-auto transition-all duration-400 ease-in-out-expo'
                             enterFrom='transform scale-98 opacity-0 max-h-0!'
                             enterTo='transform scale-100 opacity-100 max-h-55'
+                            leave='ease-out-expo'
                             leaveFrom='transform scale-100 opacity-100 max-h-55'
                             leaveTo='transform scale-98 opacity-0 max-h-0!'
                         >