fix(qb): added an invisible padding to entity nodes

This allows the user to miss the handles on either side by a bit and not shrink the node instantly.

solves #DEV-114

apps/web/src/components/navbar/navbar.tsx

@@ -69,6 +69,8 @@ export const Navbar = (props: NavbarComponentProps) => {
 
   const currentLogo = !'dark' ? logo_white : logo; // TODO: support dark mode
 
+  const buildInfo = import.meta.env.VITE_GRAPHPOLAIRS_VERSION || 'dev';
+
   return (
     <div className="w-full h-auto px-5">
       <NewDatabaseForm open={addDatabaseFormOpen} onClose={() => setAddDatabaseFormOpen(false)} />
@@ -163,7 +165,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                       </li>
                       <div className="menu-title">
                         <div className="absolute left-0 h-0.5 w-full bg-offwhite-300"></div>
-                        <h3 className="text-xs mt-3">Version: {import.meta.env.VITE_GRAPHPOLARIS_VERSION}</h3>
+                        <h3 className="text-xs mt-3">Version: {buildInfo}</h3>
                       </div>
                     </>
                   ) : (
@@ -185,7 +187,7 @@ export const Navbar = (props: NavbarComponentProps) => {
                       </div>
                       <div className="menu-title">
                         <div className="absolute left-0 h-0.5 w-full bg-offwhite-300"></div>
-                        <h3 className="text-xs mt-3">Version: {import.meta.env.VITE_GRAPHPOLARIS_VERSION}</h3>
+                        <h3 className="text-xs mt-3">Version: {buildInfo}</h3>
                       </div>
                     </>
                   )}