fix(dashboard): Fix intersecting borders and inconsistent rounded corners (#3717)

Co-authored-by: Housein Abo Shaar <76689341+GogoIsProgramming@users.noreply.github.com>

packages/dashboard/src/lib/framework/layout-engine/location-wrapper.tsx

@@ -73,10 +73,10 @@ export function LocationWrapper({ children, identifier }: Readonly<LocationWrapp
         return (
             <div
                 className={cn(
-                    `ring-2 p-2 transition-all delay-50 relative`,
+                    `ring-2 transition-all ring-offset-4 delay-50 relative`,
                     isHovered || isPopoverOpen ? 'ring-dev-mode' : 'ring-transparent',
-                    isPageWrapper ? 'ring-inset' : '',
-                    identifier ? 'rounded-md' : 'rounded-xl',
+                    isPageWrapper ? 'ring-offset-8' : '',
+                    identifier ? 'rounded-md' : 'rounded',
                 )}
                 onMouseEnter={handleMouseEnter}
                 onMouseLeave={handleMouseLeave}