- upgrade react-resizable-panels to latest version

- update translations
- remove cypress
- add await to all return blocks

apps/client/src/pages/builder/sidebars/left/index.tsx

@@ -93,7 +93,7 @@ export const LeftSidebar = () => {
         </UserOptions>
       </div>
 
-      <ScrollArea orientation="vertical" className="h-screen flex-1">
+      <ScrollArea orientation="vertical" className="h-screen flex-1 pb-16 lg:pb-0">
         <div ref={containterRef} className="grid gap-y-6 p-6 @container/left">
           <BasicsSection />
           <Separator />

apps/client/src/pages/builder/sidebars/right/index.tsx

@@ -26,8 +26,8 @@ export const RightSidebar = () => {
   };
 
   return (
-    <div className="flex bg-secondary-accent/30 pt-16 lg:pt-0">
-      <ScrollArea orientation="vertical" className="h-screen flex-1">
+    <div className="flex bg-secondary-accent/30">
+      <ScrollArea orientation="vertical" className="h-screen flex-1 pb-16 lg:pb-0">
         <div ref={containterRef} className="grid gap-y-6 p-6 @container/right">
           <TemplateSection />
           <Separator />

apps/client/src/pages/builder/sidebars/right/sections/template.tsx

@@ -22,10 +22,10 @@ export const TemplateSection = () => {
 
       <main className="grid grid-cols-2 gap-5 @lg/right:grid-cols-3 @2xl/right:grid-cols-4">
         {templatesList.map((template, index) => (
-          <AspectRatio ratio={1 / 1.4142}>
+          <AspectRatio key={template} ratio={1 / 1.4142}>
             <motion.div
-              initial={{ opacity: 0, x: -50 }}
-              animate={{ opacity: 1, x: 0, transition: { delay: index * 0.1 } }}
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1, transition: { delay: index * 0.1 } }}
               whileTap={{ scale: 0.98, transition: { duration: 0.1 } }}
               onClick={() => setValue("metadata.template", template)}
               className={cn(