refactor(ui): separate SearchResultInfo component

Author: Valik3201

src/components/SearchResultInfo.jsx

@@ -0,0 +1,14 @@
+import { Container, Row, Col, Alert } from 'react-bootstrap';
+
+export const SearchResultInfo = ({ searchQuery }) => (
+  <Container>
+    <Row className="justify-content-center text-center">
+      <Col xs="auto">
+        <Alert variant="primary">
+          Showing results for
+          <span className="fw-bold"> {searchQuery}</span>
+        </Alert>
+      </Col>
+    </Row>
+  </Container>
+);