Wherever you have the form shortcode, place the other after it, in the one block, like this, making sure there is also a script there (make sure you enter this in the Text tab of the widget):

[searchandfilter id="8208"]
[searchandfilter id="8208" action="filter_next_query"]
<script>(function ( $ ) {
	"use strict";
	
	// detects when the ajax request has finished and the content has been updated
	// re-init the layout scripts from Elementor
	$(document).on("sf:ajaxfinish", ".searchandfilter", function(){
		elementorFrontend.hooks.doAction('frontend/element_ready/posts.classic', jQuery('.elementor-widget-posts'));
	});
	
}(jQuery));</script>

They should all be in the same text widget.

Then, in the Posts Grid, make sure that Masonry is enabled.