feat: avatar popup options, profile redesign, and search dosage parsing

- Added avatar selection popup with predefined avatar options
- Redesigned ProfileView (web + mobile) with avatar upload and editable fields
- Added AvatarSelectionModal for mobile profile
- Fixed medicine search: parse dosage terms (e.g. 'Paracetamol 1G')
  to query CIMA only by name and filter by dosage field
- Updated styles for profile, search, and medicine results

apps/frontend/src/App.jsx

@@ -17,6 +17,7 @@ function App() {
   const [showLogin, setShowLogin] = useState(false);
   const [showSaved, setShowSaved] = useState(false);
   const [badgeCount, setBadgeCount] = useState(0);
+  const [prescriptionSearch, setPrescriptionSearch] = useState('');
   const [screenSize, setScreenSize] = useState({
     width: window.innerWidth,
     height: window.innerHeight
@@ -131,6 +132,7 @@ function App() {
         <SearchView
           currentUser={currentUser}
           onLoginRequest={() => setShowLogin(true)}
+          initialQuery={prescriptionSearch}
         />
       );
       break;
@@ -139,7 +141,8 @@ function App() {
         <ScannerView
           onClose={() => setScreen('home')}
           onSelectMedicine={(name) => {
-            setScreen('home');
+            setPrescriptionSearch(name);
+            setScreen('search');
           }}
         />
       );