Merge pull request #28397 from drodil/home_prevent_collision

chore: prevent collision by default in custom home page

.changeset/polite-apricots-exercise.md

@@ -0,0 +1,8 @@
+---
+'@backstage/plugin-home': patch
+---
+
+Enable collision prevention by default in custom home page.
+
+This change ensures that items in the home page will not collide with each other
+making the user experience better.

plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx

@@ -349,7 +349,7 @@ export const CustomHomepageGrid = (props: CustomHomepageGridProps) => {
         compactType={props.compactType}
         style={props.style}
         allowOverlap={props.allowOverlap}
-        preventCollision={props.preventCollision}
+        preventCollision={props.preventCollision ?? true}
         draggableCancel=".overlayGridItem,.widgetSettingsDialog,.disabled"
         containerPadding={props.containerPadding}
         margin={props.containerMargin}