feat: backoffice login page

apps/backoffice/public/logos/logo.svg

@@ -0,0 +1,9 @@
+<svg width="317" height="170" viewBox="0 0 317 170" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="317" height="169.613" fill="url(#pattern0_164_317)"/>
+<defs>
+<pattern id="pattern0_164_317" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_164_317" transform="scale(0.00184502 0.00344828)"/>
+</pattern>
+<image id="image0_164_317" width="542" height="290" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAh4AAAEiCAYAAAC2k9sBAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKLine truncated
+</defs>
+</svg>

apps/backoffice/src/app/layout.tsx

@@ -1,11 +1,9 @@
 import { FC, ReactElement } from 'react';
 import { Outlet } from 'react-router-dom';
-import { Navbar } from '@imphnen-frontend-service/ui/organisms';
 
 export const AppLayout: FC = (): ReactElement => {
   return (
     <main className="bg-primary-50 min-h-screen">
-      <Navbar />
       <Outlet />
     </main>
   );

apps/backoffice/src/app/login/page.tsx

@@ -0,0 +1,30 @@
+import { FC, ReactElement } from 'react';
+import {
+  Input,
+  Button,
+  PasswordInput,
+} from '@imphnen-frontend-service/ui/atoms';
+
+export const Components: FC = (): ReactElement => {
+  return (
+    <div className="flex justify-center items-center min-h-screen">
+      <div className="bg-white border border-primary-200 shadow-lg p-[60px] text-center flex flex-col gap-8 rounded-2xl">
+        <img src="/logos/logo.svg" alt="" className="h-[70px] w-auto" />
+        <h1 className="text-primary-500 text-p1 font-semibold">
+          Welcome to IMPHNEN Backoffice
+        </h1>
+        <div className="flex gap-[8px] flex-col">
+          <div className="self-start text-p3 font-medium">Email</div>
+          <Input placeholder="Masukkan Email" type="email" size="lg" />
+        </div>
+        <div className="flex gap-[8px] flex-col">
+          <div className="self-start text-p3 font-medium">Password</div>
+          <PasswordInput placeholder="Masukkan Password" size="lg" />
+        </div>
+        <Button>Login</Button>
+      </div>
+    </div>
+  );
+};
+
+export default Components;