Added back header to ann add and auth pages

Unified card layout

front/src/components/CardLayout.tsx

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from 'react'
+import { Card } from 'react-bootstrap'
+
+import { BackHeader } from '.'
+
+type CardLayoutProps = {
+    text: string
+}
+
+const CardLayout = ({ text, children }: PropsWithChildren<CardLayoutProps>) => (
+    <>
+        <div className='mx-4 px-3'>
+            <BackHeader text={text} />
+        </div>
+        <Card className='m-4 mt-0'>
+            <Card.Body>
+                {children}
+            </Card.Body>
+        </Card>
+    </>
+)
+
+export default CardLayout