Change hint panel settings column count to be dynamic based on container width, not viewport width

[apmwebdev]

The default rendering of the hint panel settings is two columns, which works well when the screen is wide enough. To accommodate mobile screens, the hint panel settings are reduced to one column for the app single column layout. The settings can still sometimes be too narrow for the two column layout, though, even with the app is two or three columns, since the width of the app columns is dynamic based on the viewport width. Similarly, the single column app layout can be wide enough to accommodate a two column layout for the hint panel settings.

Because of this, the determination of whether to use one or two columns for the hint panel settings should likely be a container query, allowing the settings to show a number of columns based on the number of columns that will actually fit in the div.