create issue front-ui

.idea/deviceManager.xml

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DeviceTable">
+    <option name="columnSorters">
+      <list>
+        <ColumnSorterState>
+          <option name="column" value="Name" />
+          <option name="order" value="ASCENDING" />
+        </ColumnSorterState>
+      </list>
+    </option>
+  </component>
+</project>
\ No newline at end of file

app/src/main/AndroidManifest.xml

@@ -12,6 +12,9 @@
         android:supportsRtl="true"
         android:theme="@style/Theme.Qms">
         <activity
+            android:name=".Issues"
+            android:exported="false" />
+        <activity
             android:name=".TransactionDetails"
             android:exported="false" />
         <activity

app/src/main/java/com/example/qms/Issues.java

+package com.example.qms;
+
+import android.os.Bundle;
+
+import androidx.activity.EdgeToEdge;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.core.graphics.Insets;
+import androidx.core.view.ViewCompat;
+import androidx.core.view.WindowInsetsCompat;
+
+public class Issues extends AppCompatActivity {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        EdgeToEdge.enable(this);
+        setContentView(R.layout.activity_issues);
+        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
+            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
+            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
+            return insets;
+        });
+    }
+}
\ No newline at end of file

app/src/main/java/com/example/qms/MainActivity.java

@@ -16,7 +16,7 @@ public class MainActivity extends AppCompatActivity {
 
     private DrawerLayout drawerLayout;
 
-    private LinearLayout syncNav, accessItemBottomNav;
+    private LinearLayout syncNav, accessItemBottomNav, addIssueBottomNav;
 
 
     @Override
@@ -37,6 +37,8 @@ public class MainActivity extends AppCompatActivity {
         drawerLayout = findViewById(R.id.drawerLayout);
         syncNav = findViewById(R.id.sync_nav);
         accessItemBottomNav = findViewById(R.id.access_item_bottom_nav);
+        addIssueBottomNav = findViewById(R.id.add_issue_bottom_nav);
+
 
 
         // Handle hamburger click
@@ -63,5 +65,10 @@ public class MainActivity extends AppCompatActivity {
             Intent intent = new Intent(MainActivity.this, AccessItem.class);
             startActivity(intent);
         });
+
+        addIssueBottomNav.setOnClickListener(v -> {
+            Intent intent = new Intent(MainActivity.this, Issues.class);
+            startActivity(intent);
+        });
     }
 }

app/src/main/res/drawable/card_border_issue.xml

+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle" >
+    <!-- This is the stroke you want to define -->
+    <stroke android:width="1dp"
+        android:color="@color/white"/>
+
+    <!-- Optional, round your corners -->
+    <corners android:bottomLeftRadius="21dp"
+        android:topLeftRadius="21dp"
+        android:bottomRightRadius="21dp"
+        android:topRightRadius="21dp" />
+
+    <!-- Optional, fill the rest of your background with a color or gradient, use transparent if you only want the border to be displayed-->
+    <gradient android:startColor="@android:color/white"
+        android:endColor="@android:color/white"
+        android:angle="90"/>
+</shape>
\ No newline at end of file

app/src/main/res/layout/activity_main.xml

@@ -84,6 +84,7 @@
 
             <!-- Center -->
             <LinearLayout
+                android:id="@+id/add_issue_bottom_nav"
                 android:layout_width="0dp"
                 android:layout_height="wrap_content"
                 android:layout_weight="1"

app/src/main/res/layout/activity_transaction_details.xml

@@ -430,7 +430,7 @@
                         <TextView
                             android:layout_width="wrap_content"
                             android:layout_height="wrap_content"
-                            android:text="John Snow"
+                            android:text="Reese"
                             android:textColor="@color/black"
                             android:textSize="20sp"
                             android:layout_marginStart="50dp"/>

app/src/main/res/values/colors.xml

@@ -9,6 +9,11 @@
     <color name="dark_grey">#000000</color>
     <color name="tertiary">#DCF7FF</color>
     <color name="grey">#6D6D6D</color>
+    <color name="light_grey">#EEEEEE</color>
+    <color name="yellow">#E4C212</color>
+
+    <color name="blue">#2952D6</color>
+    <color name="red">#F14915</color>