- bumped version to 2.3.3

- fixed text alignment issues
- updated dependencies
- added ukranian language

src/components/builder/right/RightNavbar.js

@@ -4,25 +4,23 @@ import SectionIcon from '../../shared/SectionIcon';
 import styles from './RightNavbar.module.css';
 import SyncIndicator from './SyncIndicator';
 
-const RightNavbar = () => {
-  return (
-    <div className={styles.container}>
-      <div className="grid grid-cols-1 gap-4 text-primary-500">
-        {sections.map((x) => (
-          <SectionIcon
-            key={x.id}
-            section={x}
-            containerId="RightSidebar"
-            tooltipPlacement="left"
-          />
-        ))}
-      </div>
-
-      <hr className="mt-auto my-6" />
-
-      <SyncIndicator />
+const RightNavbar = () => (
+  <div className={styles.container}>
+    <div className="grid grid-cols-1 gap-4 text-primary-500">
+      {sections.map((x) => (
+        <SectionIcon
+          key={x.id}
+          section={x}
+          containerId="RightSidebar"
+          tooltipPlacement="left"
+        />
+      ))}
     </div>
-  );
-};
+
+    <hr className="mt-auto my-6" />
+
+    <SyncIndicator />
+  </div>
+);
 
 export default memo(RightNavbar);

src/components/builder/right/RightSidebar.js

@@ -45,16 +45,14 @@ const SidebarSection = ({ id, event }) => {
   );
 };
 
-const RightSidebar = () => {
-  return (
-    <div className="flex">
-      <div id="RightSidebar" className={styles.container}>
-        {sections.map(SidebarSection)}
-      </div>
-
-      <RightNavbar />
+const RightSidebar = () => (
+  <div className="flex">
+    <div id="RightSidebar" className={styles.container}>
+      {sections.map(SidebarSection)}
     </div>
-  );
-};
+
+    <RightNavbar />
+  </div>
+);
 
 export default memo(RightSidebar);