Change local server color (#152)

* refactor: update terminology from 'deeplink' to 'link' for consistency

* feat: enhance markdown sync with tags and update query for linked items

* feat: update server status display with OutlinedCard for improved UI

Author: yogeshpaliyal

app/src/main/java/com/yogeshpaliyal/deepr/ui/components/ServerStatusBar.kt

@@ -1,13 +1,15 @@
 package com.yogeshpaliyal.deepr.ui.components
 
-import androidx.compose.foundation.background
+import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.material3.CardDefaults
 import androidx.compose.material3.Icon
+import androidx.compose.material3.OutlinedCard
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
@@ -35,35 +37,40 @@ fun ServerStatusBar(
     val serverUrl by viewModel.serverUrl.collectAsStateWithLifecycle()
 
     if (isRunning) {
-        Row(
-            modifier =
-                modifier
-                    .fillMaxWidth()
-                    .background(Color(0xFF4CAF50))
-                    .clickable { onServerStatusClick() }
-                    .padding(horizontal = 16.dp, vertical = 12.dp),
-            horizontalArrangement = Arrangement.spacedBy(8.dp),
-            verticalAlignment = Alignment.CenterVertically,
+        OutlinedCard(
+            modifier = modifier.padding(8.dp),
+            colors = CardDefaults.outlinedCardColors(containerColor = Color(0xFF4CAF50)),
+            border = BorderStroke(1.dp, Color(0xFF3C8D3E)),
         ) {
-            Icon(
-                TablerIcons.Server,
-                contentDescription = null,
-                tint = Color.White,
-                modifier = Modifier.size(16.dp),
-            )
-            Text(
-                text = stringResource(R.string.server_running_tap_to_configure),
-                color = Color.White,
-                fontSize = 14.sp,
-                fontWeight = FontWeight.Medium,
-                modifier = Modifier.weight(1f),
-            )
-            if (serverUrl != null) {
+            Row(
+                modifier =
+                    Modifier
+                        .fillMaxWidth()
+                        .clickable { onServerStatusClick() }
+                        .padding(horizontal = 16.dp, vertical = 12.dp),
+                horizontalArrangement = Arrangement.spacedBy(8.dp),
+                verticalAlignment = Alignment.CenterVertically,
+            ) {
+                Icon(
+                    TablerIcons.Server,
+                    contentDescription = null,
+                    tint = Color.White,
+                    modifier = Modifier.size(16.dp),
+                )
                 Text(
-                    text = serverUrl!!.substringAfter("://"),
-                    color = Color.White.copy(alpha = 0.8f),
-                    fontSize = 12.sp,
+                    text = stringResource(R.string.server_running_tap_to_configure),
+                    color = Color.White,
+                    fontSize = 14.sp,
+                    fontWeight = FontWeight.Medium,
+                    modifier = Modifier.weight(1f),
                 )
+                if (serverUrl != null) {
+                    Text(
+                        text = serverUrl!!.substringAfter("://"),
+                        color = Color.White.copy(alpha = 0.8f),
+                        fontSize = 12.sp,
+                    )
+                }
             }
         }
     }