update Header

src/components/Header.jsx

@@ -1,17 +1,18 @@
 "use client";
 
-import React from "react";
 import { Box, HStack, Image, Text, VStack } from "@chakra-ui/react";
+import biLogo from "../assets/bi-logo.webp";
 
-function HeaderRoot({ children, ...props }) {
+function HeaderRoot({ children, dir = "rtl", ...props }) {
   return (
     <Box
       as="header"
+      dir={dir}
       w="100%"
       h="110px"
       borderBottom="1px"
       borderColor="gray.200"
-      bg="blue.400"
+      bg="#4299E1"
       px="20px"
       zIndex={10}
       position="fixed"
@@ -63,7 +64,7 @@ function Description({ children, ...props }) {
   return <Text {...props}>{children}</Text>;
 }
 
-function Bi({ logoSrc = "/logob.png", ...props }) {
+function Bi({ logoSrc = biLogo, ...props }) {
   return (
     <VStack
       w="fit-content"
@@ -72,7 +73,7 @@ function Bi({ logoSrc = "/logob.png", ...props }) {
       py="10px"
       {...props}
     >
-      <Image src={logoSrc} loading="lazy" />
+      <Image src={logoSrc} loading="lazy" maxW="90px" />
       <Text fontSize="xs" fontWeight="bold" textAlign="center">
         مؤسسه تولید سیستم‌های خبره و هوشمند اسلامی باقرالعلوم(ع)
       </Text>