add frontend and put backend in seperate folder

frontend/lib/screens/home/components/side_menu.dart

@@ -0,0 +1,90 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+import '../../../core/constants/color_constants.dart';
+
+class SideMenu extends StatelessWidget {
+  const SideMenu({
+    Key? key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Drawer(
+      child: SingleChildScrollView(
+        // it enables scrolling
+        child: Column(
+          children: [
+            DrawerHeader(
+                child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                // SizedBox(
+                //   height: defaultPadding * 3,
+                // ),
+                // Image.asset(
+                //   "assets/logo/logo_icon.png",
+                //   scale: 5,
+                // ),
+                SizedBox(
+                  height: defaultPadding,
+                ),
+                Text("AUR Build Server")
+              ],
+            )),
+            DrawerListTile(
+              title: "Dashboard",
+              svgSrc: "assets/icons/menu_dashbord.svg",
+              press: () {},
+            ),
+            DrawerListTile(
+              title: "Builds",
+              svgSrc: "assets/icons/menu_tran.svg",
+              press: () {},
+            ),
+            DrawerListTile(
+              title: "AUR",
+              svgSrc: "assets/icons/menu_task.svg",
+              press: () {},
+            ),
+            DrawerListTile(
+              title: "Settings",
+              svgSrc: "assets/icons/menu_setting.svg",
+              press: () {},
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class DrawerListTile extends StatelessWidget {
+  const DrawerListTile({
+    Key? key,
+    // For selecting those three line once press "Command+D"
+    required this.title,
+    required this.svgSrc,
+    required this.press,
+  }) : super(key: key);
+
+  final String title, svgSrc;
+  final VoidCallback press;
+
+  @override
+  Widget build(BuildContext context) {
+    return ListTile(
+      onTap: press,
+      horizontalTitleGap: 0.0,
+      leading: SvgPicture.asset(
+        svgSrc,
+        color: Colors.white54,
+        height: 16,
+      ),
+      title: Text(
+        title,
+        style: TextStyle(color: Colors.white54),
+      ),
+    );
+  }
+}

frontend/lib/screens/home/home_screen.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/material.dart';
+
+import '../../responsive.dart';
+import '../dashboard/dashboard_screen.dart';
+import 'components/side_menu.dart';
+
+class HomeScreen extends StatelessWidget {
+  const HomeScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      drawer: const SideMenu(),
+      body: SafeArea(
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            // We want this side menu only for large screen
+            if (Responsive.isDesktop(context))
+              const Expanded(
+                // default flex = 1
+                // and it takes 1/6 part of the screen
+                child: SideMenu(),
+              ),
+            Expanded(
+              // It takes 5/6 part of the screen
+              flex: 5,
+              child: DashboardScreen(),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}