create ui components

frontend/components/Header.tsx

@@ -7,7 +7,7 @@ import Button from './ui/Button'
 
 const Header = () => {
   return (
-    <div className="flex justify-between items-center px-6 py-8 w-[95%] mx-auto">
+    <div className="flex justify-between items-center px-6 py-8 w-[93%] mx-auto">
       <div className="flex items-center justify-center space-x-10">
         <Image
           src="/images/logo.png"
@@ -29,7 +29,10 @@ const Header = () => {
       </div>
       <div className="flex items-center justify-center space-x-10">
         <LangSwitcher />
-        <Button text="Разместить объявление" className="hidden md:block" />
+        <Button
+          text="Разместить объявление"
+          className="hidden md:block bg-orange hover:bg-orange/80 px-4 py-3 text-white"
+        />
 
         <div className="hidden md:block text-base font-medium">
           <Link