feat(chat): implement initial chatbot UI and functionality

This commit introduces the foundational user-facing chatbot interface.

- Adds a new `ChatbotPage` component with a complete UI for displaying messages, user input, and a simulated bot response.
- Implements a "typing" indicator for a better user experience.
- Integrates `react-router-dom` to handle application routing, directing the root path to the new chatbot and moving the admin login to `/admin`.
- Adds `react-icons` as a new dependency for UI elements.
- Extends Tailwind CSS theme with new colors and adds custom CSS for the typing animation.

adventure-rental-app/src/index.css

@@ -17,3 +17,35 @@ input:-webkit-autofill:active {
   transition: background-color 5000s ease-in-out 0s;
 }
 
+
+.typing-indicator {
+  display: flex;
+  align-items: center;
+}
+
+.typing-indicator span {
+  height: 8px;
+  width: 8px;
+  background-color: #9E9E9E;
+  border-radius: 50%;
+  display: inline-block;
+  margin: 0 2px;
+  animation: typing-wave 1.4s infinite ease-in-out both;
+}
+
+.typing-indicator span:nth-child(1) {
+  animation-delay: -0.32s;
+}
+
+.typing-indicator span:nth-child(2) {
+  animation-delay: -0.16s;
+}
+
+@keyframes typing-wave {
+  0%, 80%, 100% {
+    transform: scale(0);
+  }
+  40% {
+    transform: scale(1.0);
+  }
+}