Side bar fixed without transition property

Signed-off-by: Supratick Mondal <[email protected]>

src/frontend/components/sidebar.tsx

@@ -103,16 +103,8 @@ const Sidebar = (props: Props) => {
 					<aside
 						className={`${
 							sidebarOpen
-								? 'relative translate-x-0'
-								: 'fixed -translate-x-full'
+								? 'relative' : 'fixed left-[-16rem]'
 						} top-0 h-full bg-primary text-white py-1 px-2 w-64 transition-transform duration-500 ease-in z-40`}
-						style={{
-							transitionDelay: '0s',
-							transitionDuration: '100ms',
-							transitionProperty: 'transform',
-							transitionTimingFunction:
-								'ease-in-out'
-						}}
 					>
 						<MenuOptions
 							isOpen={sidebarOpen}