Adding version of the app in the header

Author: rachitkrsingh

src/components/molecules/footers/MainFooter.js

@@ -9,7 +9,7 @@ const MainFooter = () => {
   const isNavBarCollapsed = useNavigationStore((state) => state.collapseNavBar);
   const updateNavCollapseState = useNavigationStore((state) => state.setNavCollapseState);
   return (
-    <footer className='flex items-center justify-between px-6 py-2 text-xs'>
+    <footer className='flex items-center justify-between px-4 py-3 text-xs'>
       <label className='swap swap-rotate cursor-pointer py-1'>
         <input
           type='checkbox'

src/components/molecules/headers/MainHeader.js

@@ -6,9 +6,12 @@ const MainHeader = () => {
   return (
     // <header className='flex items-center justify-between px-4 py-3 font-semibold tracking-widest dark:bg-slate-800 dark:text-white'>
     <header className='flex items-center justify-between px-4 py-3 font-semibold tracking-widest'>
-      <div className='flex items-center gap-2'>
+      <div className='flex items-center gap-3'>
         <AppLogo styleClasses='w-6 h-6' />
-        <h2>FlowTestAI</h2>
+        <div className='flex items-baseline gap-1'>
+          <h2>FlowTestAI</h2>
+          <span className='text-xs font-normal'>v1.1.0</span>
+        </div>
       </div>
       <ThemeController />
     </header>