feat(feed): Search field (static), menu bar added. Feed and comment scroll fixed

lib/presentation/feed/feed_screen/widgets/feed_scroll_item.dart

@@ -0,0 +1,23 @@
+import 'package:flutter/material.dart';
+import 'package:eatvio_app/core/app_export.dart';
+
+class ScrollItem extends StatelessWidget {
+  final String title;
+
+  const ScrollItem({required this.title});
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.symmetric(horizontal: 10, vertical: 5),
+      margin: EdgeInsets.only(right: 10),
+      decoration: BoxDecoration(
+        borderRadius: const BorderRadius.all(Radius.circular(20)),
+      ),
+      child: Text(
+        title,
+        style: CustomTextStyles.titleMediumSemiBold,
+      ),
+    );
+  }
+}

lib/presentation/feed/feed_screen/widgets/feed_search_view.dart

@@ -0,0 +1,151 @@
+import 'package:flutter/material.dart';
+import 'package:eatvio_app/core/app_export.dart';
+
+class CustomSearchView extends StatelessWidget {
+  CustomSearchView(
+      {Key? key,
+      this.alignment,
+      this.width,
+      this.scrollPadding,
+      this.controller,
+      this.focusNode,
+      this.autofocus = false,
+      this.textStyle,
+      this.textInputType = TextInputType.text,
+      this.maxLines,
+      this.hintText,
+      this.hintStyle,
+      this.prefix,
+      this.prefixConstraints,
+      this.suffix,
+      this.suffixConstraints,
+      this.contentPadding,
+      this.borderDecoration,
+      this.fillColor,
+      this.filled = true,
+      this.validator,
+      this.onChanged})
+      : super(
+          key: key,
+        );
+
+  final Alignment? alignment;
+
+  final double? width;
+
+  final TextEditingController? scrollPadding;
+
+  final TextEditingController? controller;
+
+  final FocusNode? focusNode;
+
+  final bool? autofocus;
+
+  final TextStyle? textStyle;
+
+  final TextInputType? textInputType;
+
+  final int? maxLines;
+
+  final String? hintText;
+
+  final TextStyle? hintStyle;
+
+  final Widget? prefix;
+
+  final BoxConstraints? prefixConstraints;
+
+  final Widget? suffix;
+
+  final BoxConstraints? suffixConstraints;
+
+  final EdgeInsets? contentPadding;
+
+  final InputBorder? borderDecoration;
+
+  final Color? fillColor;
+
+  final bool? filled;
+
+  final FormFieldValidator<String>? validator;
+
+  final Function(String)? onChanged;
+
+  @override
+  Widget build(BuildContext context) {
+    return alignment != null
+        ? Align(
+            alignment: alignment ?? Alignment.center,
+            child: searchViewWidget(context))
+        : searchViewWidget(context);
+  }
+
+  searchViewWidget(BuildContext context) => SizedBox(
+        width: width ?? double.maxFinite,
+        child: TextFormField(
+          scrollPadding:
+              EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
+          controller: controller,
+          focusNode: focusNode,
+          onTapOutside: (event) => onTapOutside(),
+          autofocus: autofocus!,
+          style: textStyle ?? CustomTextStyles.bodySmallMulishBluegray800,
+          keyboardType: textInputType,
+          maxLines: maxLines ?? 1,
+          decoration: decoration,
+          validator: validator,
+          onChanged: (String value) => onChanged?.call(value),
+        ),
+      );
+
+  void onTapOutside() {
+    if (focusNode != null) {
+      focusNode?.unfocus();
+    } else {
+      FocusManager.instance.primaryFocus?.unfocus();
+    }
+  }
+
+  InputDecoration get decoration => InputDecoration(
+        hintText: hintText ?? "",
+        hintStyle: hintStyle ?? CustomTextStyles.bodySmallMulishBluegray800,
+        prefixIcon: prefix ??
+            SizedBox(
+              child: Padding(
+                  padding: EdgeInsets.only(left: 10),
+                  child: Icon(Icons.search)),
+            ),
+        prefixIconConstraints: prefixConstraints ??
+            BoxConstraints(
+              maxHeight: 40.v,
+            ),
+        suffixIconConstraints: suffixConstraints ??
+            BoxConstraints(
+              maxHeight: 40.v,
+            ),
+        isDense: true,
+        contentPadding: contentPadding ??
+            EdgeInsets.only(
+              top: 11.v,
+              right: 11.h,
+              bottom: 11.v,
+            ),
+        fillColor: fillColor ?? Colors.grey[200],
+        filled: filled,
+        border: borderDecoration ??
+            OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8.h),
+              borderSide: BorderSide.none,
+            ),
+        enabledBorder: borderDecoration ??
+            OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8.h),
+              borderSide: BorderSide.none,
+            ),
+        focusedBorder: borderDecoration ??
+            OutlineInputBorder(
+              borderRadius: BorderRadius.circular(8.h),
+              borderSide: BorderSide.none,
+            ),
+      );
+}