feat(Forms): row wrap Values without label when used inside Value.Compositon (#4641)

Motivation:
https://dnb-it.slack.com/archives/CMXABCHEY/p1740658218237299

[Testable
CSB](https://codesandbox.io/p/devbox/compassionate-williams-kkfrl6?workspaceId=ws_LbiDwJdEBdbwxH2AkyAyVE)

Author: langz

packages/dnb-design-system-portal/src/docs/uilib/extensions/forms/Value/Composition/info.mdx

@@ -6,7 +6,7 @@ showTabs: true
 
 `Value.Composition` combines two or more `Value.*` components into one.
 
-By default, they will be placed in a horizontal layout. When rendered on a small screen, they will be placed in a vertical layout.
+By default, they will be placed in a horizontal layout. When rendered on a small screen, and the Composition contains Values with label they will be placed in a vertical layout.
 
 Also good to know is that, there is an equivalent [Field.Composition](/uilib/extensions/forms/base-fields/Composition/) component that can be used for [field](/uilib/extensions/forms/all-fields/) components.
 

packages/dnb-eufemia/src/extensions/forms/Value/Composition/__tests__/__image_snapshots__/valuecomposition-x-small-have-to-match-forms-value-composition-summary-list-grid.snap.png

@@ -94,6 +94,7 @@
     @include allBelow(x-small) {
       &:not(:has(.dnb-forms-value-block__label)) {
         --row-gap: var(--spacing-x-small);
+        flex-flow: row wrap;
       }
       flex-flow: column;
     }