Updated Frontend

services/frontend1/src/NULogo.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+const NULogo = () => {
+  return (
+    <img s
+      src="/northeastern-logo.svg" 
+      alt="Northeastern University" 
+      className="nu-logo"
+      style={{
+        height: '70px',
+        width: 'auto',
+        objectFit: 'contain'
+      }}
+    />
+  );
+};
+
+export default NULogo;

services/frontend1/src/UserAvatar.js

@@ -0,0 +1,41 @@
+import React from 'react';
+
+const UserAvatar = ({ size = 40, strokeWidth = 2 }) => {
+  const radius = (size / 2) - strokeWidth;
+  const center = size / 2;
+
+  return (
+    <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
+      {/* Outer circle with red border */}
+      <circle
+        cx={center}
+        cy={center}
+        r={radius}
+        fill="black"
+        stroke="#FF3B30"
+        strokeWidth={strokeWidth}
+      />
+
+      {/* Head */}
+      <circle
+        cx={center}
+        cy={center - 5}
+        r={6}
+        fill="white"
+      />
+
+      {/* Shoulders */}
+      <path
+        d={`
+          M${center - 10} ${size - 8}
+          C${center - 10} ${(size / 1.5)}
+           ${center + 10} ${(size / 1.5)}
+           ${center + 10} ${size - 8}
+        `}
+        fill="white"
+      />
+    </svg>
+  );
+};
+
+export default UserAvatar;

services/frontend1/src/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);