Implement empty state for model catalog

Author: hturan

src/components/ModelCatalog.jsx

@@ -184,6 +184,15 @@ const ModelCatalog = ({ models }) => {
 				</div>
 			</div>
 			<div className="flex md:w-3/4 w-full gap-[1%] items-stretch self-start flex-wrap !mt-0">
+				{modelList.length === 0 && (
+					<div className="border bg-gray-50 rounded-md w-full flex-col flex align-middle justify-center text-center py-6">
+						<span className="text-lg !font-bold">No models found</span>
+						<p>
+							Try a different search term, or broaden your search by removing
+							filters.
+						</p>
+					</div>
+				)}
 				{modelList.map((model) => {
 					const isBeta = model.model.properties.find(
 						({ property_id, value }) =>