Sorting functionality added

.gitignore

@@ -5,9 +5,11 @@
 *.swp
 .DS_Store
 .atom/
+.build/
 .buildlog/
 .history
 .svn/
+.swiftpm/
 migrate_working_dir/
 
 # IntelliJ related

ios/Podfile.lock

@@ -135,4 +135,5 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 303789365c3a8d7bc562e5e65d7e8e15218ec5c6
 
+
 COCOAPODS: 1.15.0

ios/Runner/AppDelegate.swift

@@ -2,7 +2,7 @@ import UIKit
 import Flutter
 import Photos
 
-@UIApplicationMain
+@main
 @objc class AppDelegate: FlutterAppDelegate {
     override func application(
         _ application: UIApplication,

lib/core/models/sort_option.dart

@@ -0,0 +1,25 @@
+enum SortOption {
+  nameAsc,
+  nameDesc,
+  dateModifiedNewest,
+  dateModifiedOldest,
+  dateCreatedNewest,
+  dateCreatedOldest;
+
+  String get label {
+    switch (this) {
+      case SortOption.nameAsc:
+        return 'Name (A to Z)';
+      case SortOption.nameDesc:
+        return 'Name (Z to A)';
+      case SortOption.dateModifiedNewest:
+        return 'Last Modified (Newest)';
+      case SortOption.dateModifiedOldest:
+        return 'Last Modified (Oldest)';
+      case SortOption.dateCreatedNewest:
+        return 'Date Created (Newest)';
+      case SortOption.dateCreatedOldest:
+        return 'Date Created (Oldest)';
+    }
+  }
+}

lib/ui/pages/landing_page/components/search_text_field.dart

@@ -0,0 +1,82 @@
+import 'package:flutter/material.dart';
+import 'package:paintroid/core/models/sort_option.dart';
+import 'package:paintroid/ui/theme/theme.dart';
+
+class SearchTextField extends StatelessWidget {
+  final TextEditingController controller;
+  final FocusNode focusNode;
+  final ValueChanged<String> onChanged;
+  final SortOption currentSortOption;
+  final ValueChanged<SortOption> onSortOptionSelected;
+
+  const SearchTextField({
+    super.key,
+    required this.controller,
+    required this.focusNode,
+    required this.onChanged,
+    required this.currentSortOption,
+    required this.onSortOptionSelected,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+
+    return Row(
+      children: [
+        Expanded(
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              TextField(
+                controller: controller,
+                focusNode: focusNode,
+                autofocus: true,
+                style:
+                    TextStyle(color: PaintroidTheme.of(context).onSurfaceColor),
+                decoration: InputDecoration(
+                  hintText: 'Search projects...',
+                  hintStyle: TextStyle(
+                    color: PaintroidTheme.of(context)
+                        .onSurfaceColor
+                        .withOpacity(0.6),
+                  ),
+                  border: InputBorder.none,
+                ),
+                onChanged: onChanged,
+              ),
+            ],
+          ),
+        ),
+        PopupMenuButton<SortOption>(
+          icon: Icon(
+            Icons.sort,
+            color: PaintroidTheme.of(context).onSurfaceColor,
+          ),
+          tooltip: 'Sort options',
+          onSelected: onSortOptionSelected,
+          itemBuilder: (context) => SortOption.values
+              .map(
+                (option) => PopupMenuItem<SortOption>(
+                  value: option,
+                  child: Row(
+                    children: [
+                      Icon(
+                        option == currentSortOption
+                            ? Icons.radio_button_checked
+                            : Icons.radio_button_unchecked,
+                        size: 18,
+                      ),
+                      const SizedBox(width: 8),
+                      Text(option.label),
+                    ],
+                  ),
+                ),
+              )
+              .toList(),
+        ),
+        const SizedBox(width: 2),
+      ],
+    );
+  }
+}

lib/ui/pages/landing_page/components/search_toggle_button.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+
+class SearchToggleButton extends StatelessWidget {
+  final bool isSearchActive;
+  final VoidCallback onSearchStart;
+  final VoidCallback onSearchEnd;
+
+  const SearchToggleButton({
+    super.key,
+    required this.isSearchActive,
+    required this.onSearchStart,
+    required this.onSearchEnd,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    if (isSearchActive) {
+      return IconButton(
+        icon: const Icon(Icons.close),
+        onPressed: onSearchEnd,
+      );
+    }
+    return IconButton(
+      icon: const Icon(Icons.search),
+      onPressed: onSearchStart,
+    );
+  }
+}