upd: implement radius setting

to keep things manageable i merged a lot of one off values into just a
handful of common sizes, so some parts of the ui will look different than
upstream even with the "Misskey" rounding mode

packages/frontend/src/widgets/WidgetAiscript.vue

@@ -157,7 +157,7 @@ defineExpose<WidgetComponentExpose>({
 		padding: 0 10px;
 		height: 28px;
 		outline: none;
-		border-radius: 4px;
+		border-radius: var(--radius-xs);
 
 		&:disabled {
 			opacity: 0.7;

packages/frontend/src/widgets/WidgetCalendar.vue

@@ -208,7 +208,7 @@ defineExpose<WidgetComponentExpose>({
 	width: 100%;
 	overflow: hidden;
 	background: var(--X11);
-	border-radius: 8px;
+	border-radius: var(--radius-sm);
 }
 
 .meterVal {

packages/frontend/src/widgets/WidgetFederation.vue

@@ -111,7 +111,7 @@ defineExpose<WidgetComponentExpose>({
 				width: ($bodyTitleHieght + $bodyInfoHieght);
 				height: ($bodyTitleHieght + $bodyInfoHieght);
 				object-fit: cover;
-				border-radius: 4px;
+				border-radius: var(--radius-xs);
 				margin-right: 8px;
 			}
 

packages/frontend/src/widgets/WidgetInstanceInfo.vue

@@ -66,7 +66,7 @@ defineExpose<WidgetComponentExpose>({
 	display: inline-block;
 	width: 60px;
 	height: 60px;
-	border-radius: 8px;
+	border-radius: var(--radius-sm);
 	box-sizing: border-box;
 	border: solid 3px #fff;
 }

packages/frontend/src/widgets/WidgetMemo.vue

@@ -107,7 +107,7 @@ defineExpose<WidgetComponentExpose>({
 	padding: 0 10px;
 	height: 28px;
 	outline: none;
-	border-radius: 4px;
+	border-radius: var(--radius-xs);
 
 	&:disabled {
 		opacity: 0.7;

packages/frontend/src/widgets/WidgetPhotos.vue

@@ -101,7 +101,7 @@ defineExpose<WidgetComponentExpose>({
 
 	.img {
 		border: solid 4px transparent;
-		border-radius: 8px;
+		border-radius: var(--radius-sm);
 	}
 }
 
@@ -120,7 +120,7 @@ defineExpose<WidgetComponentExpose>({
 		background-size: cover;
 		background-clip: content-box;
 		border: solid 2px transparent;
-		border-radius: 4px;
+		border-radius: var(--radius-xs);
 	}
 }
 </style>