Clean/feature

client/src/App.tsx

@@ -95,7 +95,7 @@ function App() {
         <Route path="/NewsLetters" element={<NewsLetters />} />
         <Route path="/Agreements" element={<Agreements />} />
         <Route path="/AdminAllUsers" element={<AdminAllUsers />} />
-        <Route path="/AdminUserProfile" element={<AdminUserProfile />} />
+        <Route path="/AdminUserProfile/:id" element={<AdminUserProfile />} />
         <Route path="/B2BMessages" element={<B2BMessages />} />
         <Route path="/Dash" element={<Dash />} />
         <Route path="/PrintOut" element={<PrintOut />} />

client/src/containers/Admin/NewsLetters/NewsLetters.module.css

@@ -1,46 +1,46 @@
-/* NewsLetters.module.css */
+.container {
+  max-width: 900px;
+  margin: auto;
+  padding: 2rem;
+  font-family: Arial, sans-serif;
+}
+
+.homeLink {
+  display: inline-block;
+  margin-bottom: 1rem;
+  text-decoration: none;
+  color: #0d6efd;
+}
 
 .modalButton {
-    margin-top: 1.5rem;
-  }
-
-  .modalTitle {
-    font-size: 1.5rem;
-    font-weight: bold;
-  }
-
-  .modalContent {
-    padding: 1rem;
-  }
-
-  .formGroup {
-    margin-bottom: 1rem;
-  }
-
-  .formLabel {
-    font-size: 1.1rem;
-    font-weight: 500;
-  }
-
-  .formInput {
-    width: 100%;
-    padding: 0.5rem;
-    font-size: 1rem;
-    border-radius: 4px;
-  }
-
-  .formTextArea {
-    width: 100%;
-    padding: 0.5rem;
-    font-size: 1rem;
-    border-radius: 4px;
-    resize: vertical;
-  }
-
-  .formActions {
-    display: flex;
-    justify-content: flex-end;
-    gap: 10px;
-    margin-top: 1rem;
-  }
-
+  margin-bottom: 1.5rem;
+}
+
+.newsletterList {
+  margin-top: 2rem;
+}
+
+.newsletterItems {
+  list-style: none;
+  padding: 0;
+}
+
+.newsletterItem {
+  border: 1px solid #ddd;
+  border-radius: 6px;
+  padding: 1rem;
+  margin-bottom: 1rem;
+  background: #f9f9f9;
+}
+
+.actions {
+  margin-top: 0.5rem;
+  display: flex;
+  gap: 10px;
+}
+
+.error {
+  color: red;
+  margin-bottom: 1rem;
+  font-weight: bold;
+}