refactor container selection pattern and improve search UI

app/lib/features/web_feed/data/database/daos/article.dart

@@ -148,6 +148,7 @@ class ArticleDao extends DatabaseAccessor<FeedDatabase> with $ArticleDaoMixin {
     required int snippetLength,
     required String searchString,
     required Uri? feedId,
+    int limit = 25,
   }) {
     final ftsQuery = db.buildFtsQuery(searchString);
 
@@ -159,11 +160,13 @@ class ArticleDao extends DatabaseAccessor<FeedDatabase> with $ArticleDaoMixin {
         beforeMatch: matchPrefix,
         afterMatch: matchSuffix,
         ellipsis: ellipsis,
+        limit: limit,
       );
     } else {
       return db.definitionsDrift.queryArticlesBasic(
         feedId: feedId?.toString(),
         query: db.buildLikeQuery(searchString),
+        limit: limit,
       );
     }
   }

app/lib/features/web_feed/data/database/definitions.drift

@@ -102,7 +102,8 @@ queryArticlesBasic(:feed_id AS TEXT OR NULL) WITH FeedArticleQueryResult:
       (:feed_id IS NULL OR a.feed_id = :feed_id)
     ORDER BY 
       weighted_rank ASC,
-      a.created DESC NULLS LAST;
+      a.created DESC NULLS LAST
+    LIMIT :limit;
 
 queryArticlesFullContent(:feed_id AS TEXT OR NULL) WITH FeedArticleQueryResult:
   WITH weights AS (
@@ -132,4 +133,5 @@ queryArticlesFullContent(:feed_id AS TEXT OR NULL) WITH FeedArticleQueryResult:
       :feed_id IS NULL OR a.feed_id = :feed_id
     ORDER BY 
       weighted_rank ASC,
-      a.created DESC NULLS LAST;
+      a.created DESC NULLS LAST
+    LIMIT :limit;

app/lib/features/web_feed/data/database/definitions.drift.dart

@@ -2644,10 +2644,15 @@ class DefinitionsDrift extends i10.ModularAccessor {
   i0.Selectable<i11.FeedArticleQueryResult> queryArticlesBasic({
     required String query,
     String? feedId,
+    required int limit,
   }) {
     return customSelect(
-      'WITH weights AS (SELECT 1.0 AS title_weight) SELECT a.*, f.icon,(bm25(article_fts, weights.title_weight))AS weighted_rank FROM article_fts AS fts INNER JOIN article AS a ON a."rowid" = fts."rowid" INNER JOIN feed AS f ON f.url = a.feed_id CROSS JOIN weights WHERE fts.title LIKE ?1 AND(?2 IS NULL OR a.feed_id = ?2)ORDER BY weighted_rank ASC, a.created DESC NULLS LAST',
-      variables: [i0.Variable<String>(query), i0.Variable<String>(feedId)],
+      'WITH weights AS (SELECT 1.0 AS title_weight) SELECT a.*, f.icon,(bm25(article_fts, weights.title_weight))AS weighted_rank FROM article_fts AS fts INNER JOIN article AS a ON a."rowid" = fts."rowid" INNER JOIN feed AS f ON f.url = a.feed_id CROSS JOIN weights WHERE fts.title LIKE ?1 AND(?2 IS NULL OR a.feed_id = ?2)ORDER BY weighted_rank ASC, a.created DESC NULLS LAST LIMIT ?3',
+      variables: [
+        i0.Variable<String>(query),
+        i0.Variable<String>(feedId),
+        i0.Variable<int>(limit),
+      ],
       readsFrom: {feed, articleFts, article},
     ).map(
       (i0.QueryRow row) => i11.FeedArticleQueryResult(
@@ -2691,9 +2696,10 @@ class DefinitionsDrift extends i10.ModularAccessor {
     required int snippetLength,
     required String query,
     String? feedId,
+    required int limit,
   }) {
     return customSelect(
-      'WITH weights AS (SELECT 10.0 AS title_weight, 3.0 AS summary_weight, 1.0 AS content_weight) SELECT a.*, f.icon, highlight(article_fts, 0, ?1, ?2) AS title_highlight, snippet(article_fts, 1, ?1, ?2, ?3, ?4) AS summary_snippet, snippet(article_fts, 2, ?1, ?2, ?3, ?4) AS content_snippet,(bm25(article_fts, weights.title_weight, weights.summary_weight, weights.content_weight))AS weighted_rank FROM article_fts(?5)AS fts INNER JOIN article AS a ON a."rowid" = fts."rowid" INNER JOIN feed AS f ON f.url = a.feed_id CROSS JOIN weights WHERE ?6 IS NULL OR a.feed_id = ?6 ORDER BY weighted_rank ASC, a.created DESC NULLS LAST',
+      'WITH weights AS (SELECT 10.0 AS title_weight, 3.0 AS summary_weight, 1.0 AS content_weight) SELECT a.*, f.icon, highlight(article_fts, 0, ?1, ?2) AS title_highlight, snippet(article_fts, 1, ?1, ?2, ?3, ?4) AS summary_snippet, snippet(article_fts, 2, ?1, ?2, ?3, ?4) AS content_snippet,(bm25(article_fts, weights.title_weight, weights.summary_weight, weights.content_weight))AS weighted_rank FROM article_fts(?5)AS fts INNER JOIN article AS a ON a."rowid" = fts."rowid" INNER JOIN feed AS f ON f.url = a.feed_id CROSS JOIN weights WHERE ?6 IS NULL OR a.feed_id = ?6 ORDER BY weighted_rank ASC, a.created DESC NULLS LAST LIMIT ?7',
       variables: [
         i0.Variable<String>(beforeMatch),
         i0.Variable<String>(afterMatch),
@@ -2701,6 +2707,7 @@ class DefinitionsDrift extends i10.ModularAccessor {
         i0.Variable<int>(snippetLength),
         i0.Variable<String>(query),
         i0.Variable<String>(feedId),
+        i0.Variable<int>(limit),
       ],
       readsFrom: {feed, articleFts, article},
     ).map(