refactor the searchbarWithLogo css

Author: medyo

src/components/Elements/SearchBarWithLogo/SearchBarWithLogo.css

@@ -0,0 +1,18 @@
+.searchBarWithLogo {
+  display: flex;
+  flex-direction: column;
+  row-gap: 24px;
+  align-items: center;
+  align-content: center;
+}
+
+.searchBarWithLogo .searchEngineLogo {
+  width: 280px;
+  height: 120px;
+  text-align: center;
+  margin: 0 auto;
+}
+.searchEngineLogo svg {
+  width: 100%;
+  height: 100%;
+}

src/components/Elements/SearchBarWithLogo/SearchBarWithLogo.tsx

@@ -1,6 +1,7 @@
 import { SUPPORTED_SEARCH_ENGINES } from 'src/config'
 import { useUserPreferences } from 'src/stores/preferences'
 import { SearchBar } from '../SearchBar/SearchBar'
+import './SearchBarWithLogo.css'
 
 export const SearchBarWithLogo = () => {
   const { searchEngine } = useUserPreferences()