feat: update icon components to support filled state and improve upload page layout

- Refactored HardDriveUpload, Home, Layout, LinkIcon, Upload, and Video components to include a 'filled' prop for conditional rendering of SVGs.
- Enhanced the Upload.vue page with a more structured layout, including a PageHeader and improved button interactions for local and remote upload modes.
- Added visual feedback for upload tips and improved accessibility with better button labeling.
- Updated the upload queue display and added loading states for files being fetched from external sources.

src/api/client.ts

@@ -673,6 +673,7 @@ export class Api<
 }
 
 export const client = new Api({
-  baseUrl: 'http://localhost:8080',
+  baseUrl: 'r',
+  // baseUrl: 'https://carey-novelty-various-manufacturers.trycloudflare.com',
   customFetch
 });

src/api/httpClientAdapter.server.ts

@@ -10,7 +10,8 @@ export const customFetch = async (url: string, options: RequestInit) => {
 		Object.assign(options, {
 			headers: c.req.header()
 		});
-		const res = await fetch(url, options);
+		const res = await fetch(["https://carey-novelty-various-manufacturers.trycloudflare.com", url.replace(/r\//, '')].join('/'), options);
+		console.log('Fetching URL:', res);
 		res.headers.forEach((value, key) => {
 			c.header(key, value);
 		});